@charset "UTF-8";
/* CSS Document */

/*
@media screen and (max-width:479px)

@media screen and (min-width:480px) and ( max-width:599px)

@media screen and (min-width:600px) and ( max-width:960px)

@media screen and (min-width:960px) and ( max-width:1279px) { 

@media screen and (min-width:1280px)*/

/*
.ex_s_dv 
@media screen and (max-width:479px)


.ex_sm_dv
@media screen and (min-width:480px) and ( max-width:599px) 

.ex_sml_dv
@media screen and (min-width:600px) and ( max-width:959px)

.ex_m_dv
@media screen and (min-width:960px) and ( max-width:1279px)  

.s_dv-l_dv
@media screen and (min-width:1280px) 

*/

/*　new brakepoint   
@media screen and (max-width:479px){
	}
@media screen and (min-width:480px) and ( max-width:599px) { 
	}
@media screen and (min-width:600px) and ( max-width:960px) {
	}
@media screen and (min-width:960px) and ( max-width:1279px) {
	}
@media screen and (min-width:1280px) {
	}
*/


.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
img{
	display:blok;
	margin: 0 auto;
	padding: 0;
	}
div:after, ul:after {
	content: "";
	display: block;
	clear: both;
	}
	

 .clearfix:befor, .clearfix:after {
  content: " "; 
  display: table; 
 }	
.clearfix:after {
	clear:both;	
	}
.clearfix {
	*zoom:1;
}

a:hover {
	text-decoration:none;
}
p a:link {
	color: blue;
}	
	
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.red {
	color: #C00;
}
.p {
	padding: 2px 0px 2px 0px;
	 }
.font_blue {
	color: #0030ff;
}
input, button, textarea, select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}*-----------------------------------------*/



body {
	min-width: 320px;
	width: 100%;
	padding: 0 0;
	margin: 0 auto;
	text-align: center;
	overflow-x: hidden;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}


	




@media screen and (max-width:479px){
.container {
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}	
#main_contents {
	width: 100%;
	background-image: url(../image/ricepaper2b.jpg);
	margin: 8px 0 0 0;
	padding-bottom: 10px;
	}
.headcopy {
	width: 80%;
	height: auto;
	text-align: center;
	margin: 6px auto 10px auto;
	}
.headcopy h1 {
	width: 80%;
	margin:0 auto;
	padding:30px 0 4px 0;
	font-size: 1.5rem;
	font-weight: 300;
	text-align: left;
	line-height: 2.0rem;
	}	
.contents_navi {
	display:block;
	width: 100%;
	height: auto;
	margin: 0px 0;
	padding-top: 10px;
	}
.male_but {
	
}	
	
.ag_navi_box {
	display: block;
	width: 100%;
	text-align: center;
	margin: 10px auto;
	padding:20px 0 0 0;
}
.navibox_gellery {
	width: 90%;
	text-align: center;
	margin: 10px auto;
	
}



.navi_box_upper {
	width: 80%;
	height: 60px;
	text-align: center;
	margin: 10px auto;
	border-bottom: #fff solid 1px;
	border-radius: 5px;
	line-height: 100px;
	background-color: #fff;
	display:flex;
	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
	position: relative;
	display: flex;
	}
.navi_box_upper .n_icon {
	width: 20%;
	}
.navi_box_upper .n_icon img {
	width: auto;
	height: 60px;
	margin-left: 0px;
	}
.navi_box_upper .n_text {
	width: 70%;
	text-align: left;
	}	
.navi_box_upper .n_text p {
	width: 100%;
	line-height: 60px;
	font-size: 1.6rem;
	font-weight: 600;
	margin-left: 10%;
	}	
.n_text p::after {
	position: absolute;
	content:"   ▶ ";
	font-size: 1.3rem;
	color: rgba(12, 12, 12, 0.3);
	top: 40%;
	left:85%;
	}
	
.ag_navi_M {
	width: 100%;
	padding: 40px 0;
}

.ag_navi {
	width: 100%;
	padding: 10px 0;
}
.navi_box {
	width: 90%;
	height: 60px;
	margin: 0px 5%;
	border-bottom: #fff solid 1px;
	border-radius: 5px;
	line-height: 100px;
	background-color: #fff;
	display:flex;
	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
	position: relative;
	display: flex;
	}
		
.navi_box .n_icon {
	width: 60px;
	}
.navi_box .n_icon img {
	width: auto;
	height: 60px;
	margin-left: 0px;
	}
.navi_box .n_text {
	width: 70%;
	text-align: left;
	}	
.navi_box .n_text p {
	line-height: 60px;
	font-size: 1.8rem;
	font-weight: 600;
	margin-left: 0%;
	}
	
.n_text_m {
	width: 100%;
	text-align: left;
	padding-top: 20px;
	}
.navi_box .n_text_m p {
	width: 100%;
	font-size: 1.7rem;
	font-weight: 600;
	margin-left: 0%;
	}
.n_text_m p::after {
	position: absolute;
	content:"   ▶ ";
	font-size: 1.5rem;
	color: rgba(12, 12, 12, 0.3);
	top: 40%;
	left:85%;
	}
.navi_box .n_text_W {
	width: 100%;
	}	
.navi_box .n_text_W p {
	line-height: 16px;
	font-size: 1.6rem;
	font-weight: 600;
	padding-left: 15%;
	margin-top: 14px;
	}
.n_text_W p::after {
	position: absolute;
	content:"   ▶ ";
	font-size: 1.5rem;
	color: rgba(12, 12, 12, 0.3);
	top: 45%;
	left:85%;
	}

.contents_wrapp {
	width: 90%;
	height: auto;
	text-align: left;
	margin: 0px auto;
	padding:10px 0 0 0;
	}
.contents_wrapp h1 {
	font-size: 1.8rem;
	font-weight: 600;
	border-left: 6px solid rgba(0, 0, 0, 0.62);
	margin: 20px 3% 20px 3%;
	padding:6px 0;
	border-bottom: thin solid rgba(0, 0, 0, 0.62);
	color: rgba(0, 0, 0, 0.8);
	text-indent: 6%;
	}
.contents_wrapp p{
	padding: 0px 8%;
	font-size: 1.5rem;
	line-height: 2rem;
	}
.contents_wrapp h2 {
	text-align: left;
	font-size: 1.6rem;
	font-weight: 600;
	padding:8px 0 2px 0;
	border-bottom: solid 1px rgba(0, 0, 0, 0.42);
	width: 90%;
	margin: 8px 5% 12px 5%;
	color: rgba(0, 0, 0, 0.8);
	}
.contents_wrapp h2::before {
	content: "■";
	color: rgba(0, 0, 0, 0.25);
	}
.contents_img {
	width: 100%;
	text-align: center;
	margin: 10px auto;
	padding-top: 20px;
	}
.contents_img img {
	width: 90%;
	padding-top: 6px;
	}
.contents_img_s {
	text-align: center;
	margin: 16px auto 0 auto;
	}
.contents_img_s img {
	width: 70%;
	padding-top: 6px;
	}
.group {
	display:block;
	}
.info-L, .info-R {
	width: 85%;
	margin: 0 auto;
	}
.info-L h2, .info-R h2 {
	width: 100%;
	text-align: left;
	margin: 20px 0 0 0;	
	}
.info-L p, .info-R p {
	padding: 6px 0;
	}

/***** gallery *******/
.h_logo {
	width: 100%;
	height: 250px;
	background-image: url("../image/rs_image/lag/navi/topimage_new-480.jpg");
	background-size: contain;
	position:relative;
	}
.nav_top {
	display: flex;
	justify-content: space-between;
	height: 20px;
	padding-top: 8px;
	}
.mark {
	width: 65%;
	height: auto;
	text-align: left;
	}
.mark img {
	width: 50%;
	padding-left: 12%;
	}
.r_guide {
	display:inline;
	width: 40%;
	text-align: right;
	padding-right: 10%;
	font-size: 1.3rem;
	padding-top: 10px;
	}
.r_guide p {
	color:#e8e7d6;
	}
.g_logo {
	width: 100%;
	position: absolute;
	top: 50%;
	transform:translateY(-50%);
	text-align: center;
	margin: 0 auto;
	opacity: 0.9;
	}	
.h_logo .g_logo > img {
	width: 65%;
	}
.photo_wrapp_lag {
	display: block;
	width: 100%;
	text-align: center;
	}
.popup_box {
	display: block;
	width: 100%;
	}
.popup_box img {
	width: 70%;
	}
.popup_box a:hover {
	opacity: 0.6;	
	}
.s_copy {
	width: 100%;
	position: absolute;
	color:#d5d4bd;
	bottom: 30px;
	}
.s_copy p {
	text-align: center;
	font-size: 1.4rem;
	}
/***** gallery *******/
/***** price ******/
.top-image {
	width: 100%;
	height: auto;
	}
.top-image img {
	width: 100%;
	}	
.headcopy_price {
	width: 100%;
	padding: 6px 20px;
	text-align: center;
	margin: 18px 0 0 0;
	background-color: rgba(0, 0, 0, 0.59)
	}
.headcopy_price h1 {
	font-size: 1.7rem;
	font-weight: 600;
	text-align: center;
	line-height: 2rem;
	color:#fff;
	padding:3px 0;
	}
	
	
.culc_section {
	width: 90%;
	height: auto;
	text-align: center;
	margin: 20px auto;
	background-color: rgba(0, 0, 0, 0.15);
	}
.input_info {
	font-weight:600;
	}
	
input[name="txtA"] {
	height: 30px;
	width: 40px;
	font-size: 18px;
	text-align: center;
	}
input[name="txtB"] {
	height: 30px;
	width: 40px;
	font-size: 18px;
	text-align: center;
	}
input[name="txtC"] {
	height: 30px;
	width: 40px;
	font-size: 18px;
	text-align: center;
	}
	
input[type="text"] {
	height: 30px;
	width: 60px;
	background-color: #fff;
	border-color: #bebebe;
	border-style:solid ;
	border-width: thin;
	margin: 4px 0;
    margin:  0px -6px;
	}
input[type="button"] {
	height: 30px;
	width: 100px;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	margin-left: 0px;
	padding-top: 6px;
	display: inline-block;
	font-size: 16px;
	font-weight: normal;
	color: #111;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.7);
	letter-spacing: 0;
	border: none;
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.4);
	border-radius: 4px;
	text-decoration: none;
	font-family: "Palatino Linotype", "Book 	Antiqua", Palatino, serif;
	background: -webkit-gradient(linear, left 	top, left bottom, color-stop(0.00, #fff), 	color-stop(1.00, #838383));
	background: -webkit-linear-gradient(#fff, 	#838383);
	background: -moz-linear-gradient(#fff, #838383);
	background: -o-linear-gradient(#fff, #838383);
	background: -ms-linear-gradient(#fff, #838383);
	background: linear-gradient(#fff, #838383);
	}
.culc_section p {
	padding: 14px 0 0 0;
	margin: 0 0px;
	}
.p_section {
	width: 85%;
	height: 3auto;
    padding: 1em 0.5em;
    background: #d6ebff;
    box-shadow: 0px 0px 0px 10px #d6ebff;
    border: dashed 2px white;
    text-align: center;
    margin: 0 auto;
	}
.p_table {
	display: flex;
	justify-content: flex-start;
	padding:4px 0;
	width: 100%;
	border-bottom: 1px dashed white;
	}
.p_tag,	.p_tag_guide {
	width: 55%;
	padding:6px 0 0 0;
	margin: 0 0;
	}
.p_tag p{
	width: 100%;	
	font-size: 1.8rem;
	font-weight: 600;
	text-align: right;
	padding-left: 0%;
	margin: 0 0% 0 0;
	}
.p_tag_guide p{	
	font-size: 1.8rem;
	padding: 0 0 0 5%;
	}
.p_content_guide, .p_content {
	width: 45%;
	padding:6px 0% 0 0;
	margin: 0 0;
	text-align: right;
	}
.p_content p{	
	text-align: right;
	font-size: 1.8rem;
	font-weight: 600;
	padding: 0 15% 0 0;
	}
.p_content_guide p{	
	font-size: 1.8rem;
	padding:0px 0% 0 0;
	text-align: right;
	}
.price_note {
	width: 85%;
	text-align: center;
	margin: 40px auto 50px auto;
	padding-left: 5%;
	}
.price_note ul {
	}
.price_note li {
	width: 100%;
	padding: 6px 0;
	text-align: left;
	font-size: 1.5rem;
	list-style-type: disc;
	line-height: 2rem;
	}
#main_contents .shop_content {
	display:block;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	padding: 0 0;
	}
	
.shop_content .price_text-L, .shop_content .price_text-R {
	width: 85%;
	text-align: center;
	margin: 30px auto;
	}
.price_text-L p, .price_text-R p {
	width: 100%;
	text-align: left;
	padding: 6px 0;
 	}
.price_text-L h2, .price_text-R h2 {
	text-align: left;
	font-size: 1.6rem;
	font-weight: 600;
	padding:0px 0 4px 0;
	border-bottom: solid 1px rgba(0, 0, 0, 0.42);
	width: 100%;
	margin: 20px 0% 6px 0%;
	color: rgba(0, 0, 0, 0.85);
	}
.price_text-L h2::before, .price_text-R h2::before {
	content: "■　";
	color: rgba(0, 0, 0, 0.25);
	}
	
	
	
.shop_info-first {
	display: flex;
	width: 100%;
	height: auto;
	position: relative;
	background-color: #fff;
	padding-top: 10px;
	margin-top: 12px;
	}
.shop_info {
	display: flex;
	width: 100%;
	height: auto;
	position: relative;
	background-color: #fff;
	}
.shop_info-last {
	display: flex;
	width: 100%;
	height: auto;
	position: relative;
	background-color: #fff;
	padding-bottom: 10px;
	margin-bottom: 12px;
	}
	
.shopitem-L {
	width: 31%;
	}
.shopitem-R {
	width: 69%;
	}
.shopitem-L p {
	padding: 6px 0px 2px 10%;
	}
.shopitem-L p::after {
	content: ":";
	color: rgba(0, 0, 0,
	0.5);
	position: absolute;
	left: 28%;
	}
.shopitem-R p {
	padding: 6px 6px 2px 0;
	}
.shop_content .price_text-R .mail_but {
	width: 100%;
	height: 40px;
	margin: 20px auto;
	border-bottom: #fff solid 1px;
	border-radius: 5px;
	background-color: #fff;
	display:flex;
	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
	position: relative;
	}
.mail_icon {
	width: 20%;
	text-align: left;
	}
.mail_icon img {
	height: 40px;
	}
.mail_navi {
	width: 100%;
	}
.mail_navi p {
	line-height: 30px;
	}
.mail_navi p::after {
	position: absolute;
	content:"   ▶ ";
	font-size: 1.5rem;
	color: rgba(12, 12, 12, 0.3);
	top: 30%;
	left:86%;
	}
				 
}

@media screen and (min-width:480px) and ( max-width:599px) {
#container {
	padding-left: 10px;
	padding-right: 10px;
	}
#main_contents {
	width: 100%;
	background-image: url(../image/ricepaper2b.jpg);
	margin-top: 8px;
	padding-bottom: 10px;
	}
.headcopy {
	display: block;
	width: 100%;
	height: auto;
	text-align: center;
	}
.headcopy h1 {
	width: 72%;
	margin:0 auto;
	padding:30px 0 4px 0;
	font-size: 1.5rem;
	font-weight: 600;
	text-align: left;
	line-height: 2.0rem;
	}	
.contents_navi {
	display:block;
	width: 100%;
	height: auto;
	margin: 0px 0;
	padding-top: 10px;
	}
.ag_navi_box  {
	width: 100%;
	height: auto;
	text-align: center;
	display: block;
	margin:20px auto;
	}
.ag_navi_M {
	width: 80%;
	padding: 40px 0;
	margin: 0 auto;
}
	
.ag_navi {
	width: 80%;
	text-align: center;
	margin: 10px auto;	
	}
.navi_box {
	width: 100%;
	height: 60px;
	margin: 14px auto;
	background-color: #fff;
	border-radius: 5px;
	line-height: 100px;
	padding: 0px 0px 0 0;
	display:flex;
	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
	position: relative;
	}
.navi_box_upper {
	width: 80%;
	height: 60px;
	text-align: center;
	margin: 10px auto;
	border-bottom: #fff solid 1px;
	border-radius: 5px;
	line-height: 100px;
	background-color: #fff;
	display:flex;
	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
	position: relative;
	display: flex;
	}
	
	
	
.navi_box_upper .n_icon {
	width: 60px;
	}
.navi_box_upper .n_icon img {
	width: auto;
	height: 60px;
	margin-left: 0px;
	}
.navi_box_upper .n_text {
	width: 70%;
	text-align: left;
	}	
.navi_box_upper .n_text p {
	line-height: 60px;
	font-size: 1.8rem;
	font-weight: 600;
	margin-left: 15%;
	}
.navi_box .n_icon {
	width: 60px;
	}
.navi_box .n_icon img {
	width: auto;
	height: 60px;
	margin-left: 0px;
	}
.navi_box .n_text {
	width: 70%;
	text-align: left;
	}	
.navi_box .n_text p {
	line-height: 60px;
	font-size: 1.6rem;
	font-weight: 600;
	margin-left: 15%;
	}
	
.navi_box_upper .n_icon {
	width: 60px;
	}
.navi_box_upper .n_icon img {
	width: auto;
	height: 60px;
	margin-left: 0px;
	}
.navi_box_upper .n_text {
	width: 70%;
	text-align: left;
	}	
.navi_box_upper .n_text p {
	line-height: 60px;
	font-size: 1.6rem;
	font-weight: 600;
	margin-left: 15%;
	}
.n_text p::after {
	position: absolute;
	content:"   ▶ ";
	font-size: 1.5rem;
	color: rgba(12, 12, 12, 0.3);
	top: 40%;
	left:85%;
	}
.ag_n_icon {
	width: 20%;
	}
.n_text_u {
	width: 80%;
	text-align: left;
	background-color: rgba(255, 255, 255, 0.74);	

	}	
.ag_n_icon img {
	width: 100%;
	}
.n_text_m {
	width: 80%;
	text-align: left
	}
.ag_navi .n_text_m p {
	padding-top: 20px;
	font-size: 1.7rem;
	font-weight: 600;
	margin-left: 0%;
	}
.n_text_m p::after {
	position: absolute;
	content:"   ▶ ";
	font-size: 1.5rem;
	color: rgba(12, 12, 12, 0.3);
	top: 38%;
	left:85%;
	}
.navi_box .n_text_W {
	width: 70%;
	}	
.navi_box .n_text_W p {
	line-height: 16px;
	font-size: 1.6rem;
	font-weight: 600;
	padding-left: 20%;
	margin-top: 14px;
	}
.n_text_W p::after {
	position: absolute;
	content:"   ▶ ";
	font-size: 1.5rem;
	color: rgba(12, 12, 12, 0.3);
	top: 45%;
	left:85%;
	}
.contents_wrapp {
	width: 90%;
	height: auto;
	/*
	background-color: rgba(0, 0, 0, 0.06);*/
	text-align: left;
	margin: 0px auto;
	padding:30px 0;
	}
.contents_wrapp h1 {
	font-size: 2.0rem;
	font-weight: 600;
	border-left: 6px solid rgba(0, 0, 0, 0.62);
	margin: 20px 3% 20px 3%;
	padding:6px 0;
	border-bottom: thin solid rgba(0, 0, 0, 0.62);
	color: rgba(0, 0, 0, 0.65);
	text-indent: 4%;
	}
.contents_wrapp p{
	padding: 0px 8%;
	font-size: 1.5rem;
	line-height: 2rem;
	}
.contents_wrapp h2 {
	text-align: left;
	font-size: 1.6rem;
	font-weight: 600;
	padding:10px 0 2px 0;
	border-bottom: solid 1px rgba(0, 0, 0, 0.42);
	width: 90%;
	margin: 8px 5% 12px 5%;
	color: rgba(0, 0, 0, 0.8);
	}
.contents_wrapp h2::before {
	content: "■";
	color: rgba(0, 0, 0, 0.25);
	}
.contents_img {
	width: 100%;
	text-align: center;
	margin: 40px auto 0px auto;
	}
.contents_img img {
	width: 90%;
	padding-top: 6px;
	}
.contents_img_s {
	text-align: center;
	margin: 16px auto 0 auto;
	}
.contents_img_s img {
	width: 70%;
	padding-top: 6px;
	}

/***** gallery *******/
.h_logo {
	width: 100%;
	height: 260px;
	background-image: url("../image/rs_image/lag/navi/topimage_new-760.jpg");
	background-size: contain;
	position:relative;
	}
.nav_top {
	display: flex;
	justify-content: space-between;
	height: 20px;
	padding-top: 16px;
	}
.mark {
	width: 50%;
	text-align: left;	
	}
.mark img {
	width: 48%;
	padding-left: 12%;	
	}
.r_guide {
	width: 50%;
	color: #fff;
	text-align: right;
	padding-right: 8%;
	padding-top: 8px;
	font-size: 1.3rem;
	}
.r_guide p {
	color:#e8e7d6;
	}
.g_logo {
	width: 100%;
	position: absolute;
	top: 55%;
	transform:translateY(-50%);
	text-align: center;
	margin: 0 auto;
	}	
.h_logo .g_logo > img {
	width: 55%;
	}
.s_copy {
	width: 100%;
	position: absolute;
	color:#d5d4bd;
	bottom: 30px;
	}
.s_copy p {
	text-align: center;
	font-size: 1.5rem;
	}
	
.photo_wrapp_lag {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
	margin: 20px auto;
	}
.popup_box {
	flex-basis: 46%;
	align-content: flex-start;
	}
.popup_box img {
	width: 90%;
}
.popup_box a:hover {
	opacity: 0.6;	
	}
/***** gallery *******/

/***** price ******/
.top-image {
	width: 100%;
	height: auto;
	}
.top-image img {
	width: 100%;
	}
.headcopy_price {
	width: 100%;
	padding: 6px 20px;
	text-align: center;
	margin: 18px 0 0 0;
	background-color: rgba(0, 0, 0, 0.59)
	}
.headcopy_price h1 {
	font-size: 1.9rem;
	font-weight: 600;
	text-align: center;
	line-height: 2rem;
	color:#fff;
	padding:4px 0;
	}
	
.plice_section {
	width: 100%;
	height: 300px;
    padding: 0.2em 0.5em;
    margin: 2em 0;
    background: #d6ebff;
    box-shadow: 0px 0px 0px 10px #d6ebff;
    border: dashed 2px white;
	}
.plice_table {
	display: flex;
	}
.plice_tag {
	width: 35%;
	}
.plice_content {
	width: 65%;
	}
.culc_section {
	width: 90%;
	height: auto;
	text-align: center;
	margin: 20px auto;
	background-color: rgba(0, 0, 0, 0.15);
	}
.input_info {
	font-weight:600;
	}
input[name="txtA"] {
	height: 30px;
	width: 40px;
	font-size: 18px;
	text-align: center;
	}
input[name="txtB"] {
	height: 30px;
	width: 40px;
	font-size: 18px;
	text-align: center;
	}
input[name="txtC"] {
	height: 30px;
	width: 40px;
	font-size: 18px;
	text-align: center;
	}
	
input[type="text"] {
	height: 26px;
	width: 60px;
	background-color: #fff;
	border-color: #bebebe;
	border-style:solid ;
	border-width: thin;
	margin: 4px 0;
    margin:  0px -6px;
	}
input[type="button"] {
	height: 30px;
	width: 100px;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	margin-left: 0px;
	padding-top: 6px;
	display: inline-block;
	font-size: 16px;
	font-weight: normal;
	color: #111;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.7);
	letter-spacing: 0;
	border: none;
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.4);
	border-radius: 4px;
	text-decoration: none;
	font-family: "Palatino Linotype", "Book 	Antiqua", Palatino, serif;
	background: -webkit-gradient(linear, left 	top, left bottom, color-stop(0.00, #fff), 	color-stop(1.00, #838383));
	background: -webkit-linear-gradient(#fff, 	#838383);
	background: -moz-linear-gradient(#fff, #838383);
	background: -o-linear-gradient(#fff, #838383);
	background: -ms-linear-gradient(#fff, #838383);
	background: linear-gradient(#fff, #838383);
	}
.culc_section p {
	padding: 14px 0 0 0;
	margin: 0 0px;
	}
.p_section {
	width: 85%;
	height: 3auto;
    padding: 1em 0.5em;
    background: #d6ebff;
    box-shadow: 0px 0px 0px 10px #d6ebff;
    border: dashed 2px white;
    text-align: center;
    margin: 0 auto;
	}
.p_table {
	display: flex;
	justify-content: flex-start;
	padding:4px 0;
	width: 100%;
	border-bottom: 1px dashed white;
	}
.p_tag,	.p_tag_guide {
	width: 55%;
	padding:6px 0 0 0;
	margin: 0 0;
	}
.p_tag p{
	width: 100%;	
	font-size: 1.9rem;
	font-weight: 600;
	text-align: right;
	padding-right: 15%;
	margin: 0 0% 0 0;
	}
.p_tag_guide p{	
	font-size: 1.9rem;
	padding: 0 0 0 5%;
	}
.p_content_guide, .p_content {
	width: 45%;
	padding:6px 10% 0 0;
	margin: 0 0;
	text-align: right;
	}
.p_content p{	
	text-align: right;
	font-size: 1.9rem;
	font-weight: 600;
	padding: 0 5% 0 0;
	}
.p_content_guide p{	
	font-size: 1.9rem;
	padding:0px 0% 0 0;
	text-align: right;
	}
.price_note {
	width: 85%;
	text-align: center;
	margin: 50px auto;
	padding-left: 5%;
	}
.price_note ul {
	}
.price_note li {
	width: 100%;
	padding: 6px 0;
	text-align: left;
	font-size: 1.5rem;
	list-style-type: disc;
	line-height: 2rem;
	}
.shop_content {
	width: 90%;
	margin: 0 auto;
	padding-bottom: 0px;
	}
	
.shop_content .price_text-L, .shop_content .price_text-R {
	width: 90%;
	text-align: center;
	margin: 30px auto;
	}
.price_text-L p, .price_text-R p {
	width: 90%;
	text-align: left;
	padding: 6px 0;
	margin: 0 auto;
 	}
.price_text-L h2, .price_text-R h2 {
	text-align: left;
	font-size: 1.6rem;
	font-weight: 600;
	padding:8px 0 4px 0;
	border-bottom: solid 1px rgba(0, 0, 0, 0.42);
	width: 100%;
	margin: 8px 0% 6px 0%;
	color: rgba(0, 0, 0, 0.85);
	}
.price_text-L h2::before,.price_text-R h2::before {
	content: "■ ";
	color: rgba(0, 0, 0, 0.25);
	}
.info-L, .info-R {
	width: 85%;
	margin: 0 auto;
	}
.info-L h2, .info-R h2 {
	width: 100%;
	text-align: left;
	margin: 20px 0 0 0;	
	}
.info-L p, .info-R p {
	padding: 6px 0;
}
.shop_info-first {
	display: flex;
	width: 100%;
	height: auto;
	position: relative;
	background-color: #fff;
	padding-top: 10px;
	margin: 20px 0 0 0;
	}
.shop_info {
	display: flex;
	width: 100%;
	height: auto;
	position: relative;
	background-color: #fff;
	}
.shop_info-last {
	display: flex;
	width: 100%;
	height: auto;
	position: relative;
	background-color: #fff;
	padding-bottom: 10px;
	margin-bottom: 20px;
	}
	
.shopitem-L {
	width: 31%;
	}
.shopitem-R {
	width: 69%;
	}
.shopitem-L p {
	padding: 6px 0px 2px 20%;
	}
.shopitem-R p::before {
	content: ":";
	color: rgba(0, 0, 0,
	0.5);
	position: absolute;
	left: 34%;
	}
.shopitem-R p {
	padding: 6px 6px 2px 10%;
	}	 
.shop_content .price_text-R .mail_but {
	width: 80%;
	height: 40px;
	margin: 20px 10%;
	border-bottom: #fff solid 1px;
	border-radius: 5px;
	background-color: #fff;
	display:flex;
	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
	position: relative;
	}
.mail_icon {
	width: 20%;
	text-align: left;
	}
.mail_icon img {
	height: 40px;
	}
.mail_navi {
	width: 100%;
	}
.mail_navi p {
	width: 100%;
	line-height: 30px;
	margin-left: 0%;
	}
.mail_navi p::after {
	position: absolute;
	content:"   ▶ ";
	font-size: 1.5rem;
	color: rgba(12, 12, 12, 0.3);
	top: 30%;
	left:86%;
	}
		
}

/******************************************************************/
@media screen and (min-width:600px) and ( max-width:960px) {
#container {
	padding-left: 10px;
	padding-right: 10px;
	}
#main_contents {
	width: 100%;
	background-image: url(../image/ricepaper2b.jpg);
	margin-top: 8px;
	padding-bottom: 10px;
	}
.headcopy {
	width: 100%;
	text-align: center;	
	}
.headcopy h1 {
	display: inline-block;
	margin:0 auto;
	padding:40px 10% 20px 10%;
	font-size: 1.7rem;
	font-weight: 600;
	text-align: left;
	line-height: 2.0rem;
	}	
.contents_navi {
	display: flex;
	justify-content: space-between;
	width: 100%;
	height: auto;  
	margin: 10px 0 10px 10px;
	padding-top: 10px;
	}
.navi_wrapp {
	width: 30%;
	height: 280px;
	text-align: left;
	box-shadow: 3px 2px 2px  rgba(0, 0, 0, 0.2);
	background-color:rgba(0, 0, 0, 0.13);
	}	
.navi_upper {
	width: 100%;
	height: 60px;
	background-color:rgba(0, 0, 0, 0.13);
	margin: 0 1% 0 1%;
	border-radius: 5px 5px 0 0;
	position: relative;
	}	
.navi_upper img {
	width: auto;
	height: 60px;
	text-align: left;
	position: absolute;
	left:-2px;
	top:0;
	}
	
.navi_box_upper {
	width: 80%;
	height: 40px;
	text-align: center;
	margin: 10px auto;
	border-bottom: #fff solid 1px;
	border-radius: 5px;
	line-height: 100px;
	background-color: #fff;
	display:flex;
	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
	position: relative;
	display: flex;
	}
.navi_box_upper .n_text {
	width:100%;
	text-align: left;
	}	
.navi_box_upper .n_text p {
	line-height: 60px;
	font-size: 1.6rem;/*1.6rem*/
	font-weight: 600;
	margin-left: 5%;
	}
.navi_ar {
	position: relative;
	width: 100%;
	height: 60px;
	margin: 0px auto;
	display:flex;
	}
.navi_ar .n_text {
	display: block;
	position: absolute;
	width: 80%;
	top:20px;
	left:10%;
	}
.navi_ar .n_text p {
	padding-top: 0px;
	font-size: 1.8rem;
	font-weight: 600;
	}
		
.navi_ar .n_text p::after {
	position: absolute;
	content:"   ▶ ";
	font-size: 1.5rem;
	color: rgba(12, 12, 12, 0.4);
	top: 0;
	left:90%;
	}
.account  {
	position: absolute;
	top:60px;
	width: 90%;
	text-align: center;
	margin: 0 5%;
	height: auto;
	background-color:  rgba(255, 255, 255, 0.97);
	display: flex;
	}
.navi_ar .account  p {
	width: 100%;
	height: auto;
	padding: 20px 10%;
	line-height: 1.8rem;
	text-align: left;
	font-size: 1.5rem;

	}
.navi_box {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0px auto 0 auto;
	border-radius: 0 0 5px 5px;
	line-height: 100px;
	padding: 0px 0px 0 0;
	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
	display: flex;
	background-color: #fff;
	}
.navi_box .n_icon {
	width: 30%;
	}
.navi_box .n_icon img {
	width: auto;
	height: 60px;
	margin-left: 0px;
	}
.navi_box .n_text {
	position: absolute;
	width: 80%;
	top:30px;
	left:10%;
	}	
.navi_box .n_text p {
	display: block;
	line-height: 0px;
	font-size: 2.2vw;
	font-weight: 600;
	}
.n_text p::after {
	position: absolute;
	content:"   ▶ ";
	font-size: 1.4rem;
	color: rgba(12, 12, 12, 0.4);
	top: -6px;
	left:90%;
	}
.navi_box .n_text_W {
	width: 70%;
	}	
.navi_box .n_text_W p {
	line-height: 16px;
	font-size: 1.6rem;
	font-weight: 600;
	padding-left: 20%;
	margin-top: 14px;
	}
.n_text_W p::after {
	position: absolute;
	content:"   ▶ ";
	font-size: 1.5rem;
	color: rgba(12, 12, 12, 0.3);
	top: 45%;
	left:85%;
	}
.ag_navi_box  {
	width: 100%;
	height: auto;
	display: block;
	margin: 40px auto 0 auto;
	}
.ag_navi_M {
	width: 70%;
	padding: 60px 0;
	margin: 0 auto;
}
		
.ag_navi {
	width: 70%;
	height: 60px;
	margin: 20px auto 20px auto;
background-color: #fff;
text-align: center;
	}
.navi_box .n_icon {
	width: 60px;
	text-align: left;
	}	
.ag_n_icon {
	width: 20%;
	}	
.n_text_m {
	width: 80%;
	text-align: left
	}
.navi_box .n_text_m p {
	padding-top: 22px;
	font-size: 1.7rem;
	font-weight: 600;
	margin-left: 5%;
	}
.n_text_m p::after {
	position: absolute;
	content:"   ▶ ";
	font-size: 1.5rem;
	color: rgba(12, 12, 12, 0.3);
	top: 40%;
	left:85%;
	}
	
.contents_wrapp {
	width: 90%;
	height: auto;
	display: flex;
	flex-flow: row wrap;
	text-align: left;
	margin: 0px auto;
	padding:30px 0;
	
	}
.contents_wrapp h1 {
	width: 100%;
	font-size: 2.0rem;
	font-weight: 600;
	border-left: 6px solid rgba(0, 0, 0, 0.62);
	margin: 20px 3% 20px 3%;
	padding:6px 0;
	border-bottom: thin solid rgba(0, 0, 0, 0.62);
	color: rgba(0, 0, 0, 0.65);
	text-indent: 4%;
	}
	
	
	
	
.contents_wrapp p {
	width: 80%;
	padding: 0px 8%;
	font-size: 1.5rem;
	line-height: 2rem;
	margin: 0 auto;
	}
p.top_info {
	width: 80%;
	margin: 0 auto;
	}	
.description {
	width: 40%;
	padding-top: 50px;
	margin: 0 0 0 3%;
	}
.description p {
	line-height: 2.0rem;
	padding-top: 6px;
	width: 100%;
	}
.contents_wrapp h2 {
	text-align: left;
	font-size: 1.6rem;
	font-weight: 600;
	padding:0px 0 4px 0;
	border-bottom: solid 1px rgba(0, 0, 0, 0.42);
	width: 90%;
	margin: 8px 5% 16px 5%;
	color: rgba(0, 0, 0, 0.85);
	}
.contents_wrapp h2::before {
	content: "■";
	color: rgba(0, 0, 0, 0.25);
	}
.contents_img {
	width: 55%;
	padding-top:50px;
	position: relative;
	}
.contents_img img {
	width: 90%;
	margin:0 0 0 8%; 
	padding-top: 50px;
	position: absolute;
	top:50%;
	transform: translateY(-50%)
	}
.contents_img_s {
	width: 50%;
	padding-top:50px;
	text-align: center;
	margin: 0px auto;
	}
.contents_img_s img {
	width: 100%;
	width: 96%;
	margin-left:4%; 
	}
.group {
	display:flex;
	}
.price_text-L h2, .price_text-R h2 {
	text-align: left;
	font-size: 1.6rem;
	font-weight: 600;
	padding:0px 0 4px 0;
	border-bottom: solid 1px rgba(0, 0, 0, 0.42);
	width: 100%;
	margin: 8px 0% 16px 0%;
	color: rgba(0, 0, 0, 0.85);
	}
	
.price_text-L h2::before,.price_text-R h2::before {
	content: "■ ";
	color: rgba(0, 0, 0, 0.25);
	}
.info-L {
	width: 43%;
	margin: 0 0 0 5%;
	}
.info-R {
	width: 43%;
	margin: 0 5% 0 5%;
	}
.info-L h2, .info-R h2 {
	width: 100%;
	text-align: left;
	margin: 20px 0 10px 0;	
	}
.info-L p, .info-R p {
	padding: 6px 0;
	line-height: 2rem;
	}
	
/***** gallery *******/	
.h_logo {
	width: 100%;
	height: 300px;
	background-image: url("../image/rs_image/lag/navi/topimage_new-760.jpg");
	background-size: contain;
	position:relative;
	}	
.nav_top {
	display: flex;
	justify-content: space-between;
	height: 20px;
	padding-top: 16px;
	}
.mark {
	width: 40%;
	text-align: left;
    padding-top: 20px;    
	}
.mark img {
	width: 45%;
	padding-left: 12%;	
	}
.r_guide {
	width: 50%;
	color: #fff;
	text-align: right;
	padding-right: 8%;
	padding-top: 8px;
	font-size: 1.5rem;
	}
.r_guide p {
	color:#e8e7d6;
	}
.g_logo {
	width: 100%;
	position: absolute;
	top: 55%;
	transform:translateY(-50%);
	text-align: center;
	margin: 0 auto;
	}	
.h_logo .g_logo > img {
	width: 45%;
	}
.s_copy {
	width: 100%;
	position: absolute;
	color:#d5d4bd;
	bottom: 30px;
	}
.s_copy p {
	text-align: center;
	font-size: 1.5rem;
	}
.photo_wrapp_lag {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-between;
	text-align: center;
	margin: 20px auto;
	align-content: flex-start;
	}
.popup_box {
	flex-basis: 33.3%;
	}
.popup_box img {
	width: 90%;
	}
.popup_box a:hover {
	opacity: 0.6;	
	}
/***** gallery *******/	
/***** price ******/
.top-image {
	width: 100%;
	height: auto;
	}
.top-image img {
	width: 100%;
	}
.headcopy_price {
	width: 100%;
	padding: 6px 20px;
	text-align: center;
	margin: 18px 0 0 0;
	background-color: rgba(0, 0, 0, 0.59)
	}
.headcopy_price h1 {
	font-size: 1.9rem;
	font-weight: 600;
	text-align: center;
	line-height: 2rem;
	color:#fff;
	padding:4px 0;
	}
	
.culc_wrapper {
	display: flex;
	width: 100%;
	padding: 30px 0 0 0;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 16px auto;
	}	
.culc_section {
	width: 45%;
	text-align: center;
	margin: -10px auto;
	background-color: rgba(0, 0, 0, 0.15);
	}
.culc_section form {
	margin: 50px auto;
	padding:20px 0 0 0;
	}
.input_box {
	width: 100%;
	text-align: center;
	margin: 0 auto;
}
.input_box p {
	width: 100%;
	font-weight:600;
	font-size: 1.7rem;
	text-align: center;
	margin: 0 auto;
}	
.input_box .input_info {
	width: 70%;
	margin: 0px auto 20px auto;
	text-align: left;
}	
input[name="txt1"] {
	height: 30px;
	width: 40px;
	font-size: 1.8rem;
	text-align: center;
	line-height: 2rem;
	}
input[name="txt2"] {
	height: 30px;
	width: 40px;
	font-size: 1.8rem;
	text-align: center;
	}
input[name="txt3"] {
	height: 30px;
	width: 40px;
	font-size: 1.8rem;
	text-align: center;
	}
	
input[type="text"] {
	height: 26px;
	width: 80px;
	background-color: #fff;
	border-color: #bebebe;
	border-style:solid ;
	border-width: thin;
	margin: 4px 0;
    margin:  0px -6px;

	}
input[type="button"] {
	height: 30px;
	width: 100px;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	margin-left: 0px;
	padding-top: 6px;
	display: inline-block;
	font-size: 16px;
	font-weight: normal;
	color: #111;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.7);
	letter-spacing: 0;
	border: none;
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.4);
	border-radius: 4px;
	text-decoration: none;
	font-family: "Palatino Linotype", "Book 	Antiqua", Palatino, serif;
	background: -webkit-gradient(linear, left 	top, left bottom, color-stop(0.00, #fff), 	color-stop(1.00, #838383));
	background: -webkit-linear-gradient(#fff, 	#838383);
	background: -moz-linear-gradient(#fff, #838383);
	background: -o-linear-gradient(#fff, #838383);
	background: -ms-linear-gradient(#fff, #838383);
	background: linear-gradient(#fff, #838383);
	}
.culc_section p {
	padding: 14px 0 0 0;
	margin: 0 0px;
	}
.p_section {
	width: 45%;
    padding: 1em 0.5em;
    background: #d6ebff;
    box-shadow: 0px 0px 0px 10px #d6ebff;
    border: dashed 2px white;
    text-align: center;
    margin: 0 auto;
	display: block;
	flex: 0 1 45%;
	}
.p_table {
	display: flex;
	justify-content: flex-start;
	padding:4px 0;
	width: 100%;
	border-bottom: 1px dashed white;
	}
.p_tag,	.p_tag_guide {
	width: 55%;
	padding:6px 0 0 0;
	margin: 0 0;
	}
.p_tag p{
	width: 100%;	
	font-size: 1.8rem;
	font-weight: 600;
	text-align: right;
	padding-left: 0%;
	margin: 0 0% 0 0;
	}
.p_tag_guide p{	
	font-size: 1.8rem;
	padding: 0 0 0 5%;
	}
.p_content_guide, .p_content {
	width: 45%;
	padding:6px 0% 0 0;
	margin: 0 0;
	text-align: right;
	}
.p_content p{	
	text-align: right;
	font-size: 1.8rem;
	font-weight: 600;
	padding: 0 5% 0 0;
	}
.p_content_guide p{	
	font-size: 1.8rem;
	padding:0px 0% 0 0;
	text-align: right;
	}
.price_note {
	width: 75%;
	text-align: center;
	margin: 50px auto;
	padding-left: 5%;
	}
.price_note li {
	width: 100%;
	padding: 6px 0;
	text-align: left;
	font-size: 1.5rem;
	list-style-type: disc;
	line-height: 2rem;
	}
.shop_content {
	display: flex;
	width: 100%;
}	
	
.price_text-L {
	width: 45%;
	text-align: center;
	margin: 10px auto;
	padding:0 0 0 3%;
	}
.price_text-L p {
	width: 100%;
	text-align: left;
	padding: 6px 0;
 	}
.price_text-L h2 {
	text-align: left;
	font-size: 1.6rem;
	font-weight: 600;
	padding:10px 0 4px 0;
	border-bottom: solid 1px rgba(0, 0, 0, 0.42);
	width: 100%;
	margin: 10px 0% 10px 0%;
	color: rgba(0, 0, 0, 0.85);
	}
.price_text-L h2::before {
	content: "■ ";
	color: rgba(0, 0, 0, 0.25);
	}
.price_text-R {
	width: 45%;
	text-align: center;
	margin: 10px auto;
	padding:0 3% 0 0;
	}
.price_text-R p {
	width: 100%;
	text-align: left;
	padding: 6px 0;
 	}
.price_text-R h2 {
	text-align: left;
	font-size: 1.6rem;
	font-weight: 600;
	padding:10px 0 4px 0;
	border-bottom: solid 1px rgba(0, 0, 0, 0.42);
	width: 100%;
	margin: 10px 0% 10px 0%;
	color: rgba(0, 0, 0, 0.85);
	}
.price_text-R h2::before {
	content: "■ ";
	color: rgba(0, 0, 0, 0.25);
	}
	
	
.shop_info-first {
	display: flex;
	width: 100%;
	height: auto;
	position: relative;
	background-color: #fff;
	padding-top: 10px;
	margin-top: 10px;
	}
.shop_info {
	display: flex;
	width: 100%;
	height: auto;
	position: relative;
	background-color: #fff;
	}
.shop_info-last {
	display: flex;
	width: 100%;
	height: auto;
	position: relative;
	background-color: #fff;
	padding-bottom: 10px;
	margin-bottom: 10px;
	}
	
.shopitem-L {
	width: 31%;
	}
.shopitem-R {
	width: 69%;
	}
.shopitem-L p {
	padding: 6px 0px 2px 20%;
	}
.shopitem-R p::before {
	content: ":";
	color: rgba(0, 0, 0,
	0.5);
	position: absolute;
	left: 34%;
	}
.shopitem-R p {
	padding: 6px 6px 2px 10%;
	}	 
.price_text-R .mail_but {
	width: 90%;
	height: 40px;
	margin: 20px auto;
	border-bottom: #fff solid 1px;
	border-radius: 5px;
	background-color: #fff;
	display:flex;
	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
	position: relative;
	}
.mail_icon {
	width: 20%;
	text-align: left;
	}
.mail_icon img {
	height: 40px;
	}
.mail_navi {
	width: 100%;
	}
.mail_navi p {
	width: 100%;
	line-height: 30px;
	margin-left: 0%;
	}
.mail_navi p::after {
	position: absolute;
	content:"   ▶ ";
	font-size: 1.5rem;
	color: rgba(12, 12, 12, 0.3);
	top: 30%;
	left:86%;
	}
}

@media screen and (min-width:960px) and ( max-width:1279px) {
#container {
	padding-left: 10px;
	padding-right: 10px;
	}
#main_contents {
	width: 100%;
	background-image: url(../image/ricepaper2b.jpg);
	margin-top: 8px;
	padding-bottom: 30px;
	}
.headcopy {
	text-align: center;
	}
.headcopy h1 {
	display: inline-block;
	margin:0 auto;
	padding:50px 0 30px 0;
	font-size: 1.8rem;
	font-weight: 600;
	text-align: left;
	line-height: 2.0rem;
	}
.flex_container {
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	flex-wrap: wrap;
	justify-content: center;
	margin: 10px 0;
	}		
.contents_navi {
	display:flex;
	justify-content: space-around;
	text-align: center;
	width: 80%;
	height: auto;  
	margin: 10px auto;
	padding-top: 10px;
	}
.navi_wrapp {
	display: block;
	width: 30%;
	height: 250px;
	text-align: left;
	box-shadow: 3px 2px 2px  rgba(0, 0, 0, 0.2);
	background-color:rgba(0, 0, 0, 0.13);
	}	
.navi_upper {
	width: 100%;
	height: 60px;
	background-color:rgba(0, 0, 0, 0.13);
	margin: 0 1% 0 1%;
	border-radius: 5px 5px 0 0;
	position: relative;
	}	
.navi_upper img {
	width: auto;
	height: 60px;
	text-align: left;
	position: absolute;
	left:-2px;
	top:0;
	}
.ag_navi_box  {
	width: 90%;
	height: auto;
	display: flex;
	text-align: center;
	margin: 0 auto;
	justify-content: space-around;
	flex-wrap: wrap;
	}
.ag_navi_M {
	width: 45%;
	height: auto;
	margin: 60px auto 50px auto;
text-align: center;
	}
.ag_navi {
	width: 50%;
	height: auto;
	margin: 30px auto 0 auto;
text-align: center;
	}
.navi_box {
	position: relative;
	width: 90%;
	height: 60px;
	margin: 0px auto;
	border-radius: 0 0 5px 5px;
	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
	position: relative;
	display:flex;
	background-color: #fff;
	}
.navi_box .n_icon {
	width: 60px;
	}
.navi_box .n_icon img {
	width: auto;
	height: 60px;
	margin-left: 0px;
	}
.navi_box .n_text {
	display: block;
	position: absolute;
	width: 80%;
	top:30px;
	left:10%;
	}	
.navi_box .n_text p {
	line-height: 0px;
	font-size: 1.8rem;
	font-weight: 600;
	}
.navi_box .n_text p::after {
	position: absolute;
	content:"   ▶ ";
	font-size: 1.5rem;
	color: rgba(12, 12, 12, 0.4);
	top: -5px;
	left:90%;
	}
.navi_box .n_text_m {
	width: 90%;
	text-align: left;
	}
.navi_box .n_text_m p {
	width: 100%;
	font-size: 1.7rem;
	font-weight: 600;
	margin-left: 5%;
	line-height: 38px;
	}
.n_text_m p::after {
	position: absolute;
	content:"   ▶ ";
	font-size: 1.5rem;
	color: rgba(12, 12, 12, 0.3);
	top: 40%;
	left:85%;
	}
.navi_box .n_text_W {
	width: 80%;
	}	
.navi_box .n_text_W p {
	line-height: 18px;
	font-size: 1.8rem;
	font-weight: 600;
	padding-left: 15%;
	margin-top: 0;
	}
.n_text_W p::after {
	position: absolute;
	content:"   ▶ ";
	font-size: 1.5rem;
	color: rgba(12, 12, 12, 0.3);
	top: 35%;
	left:85%;
	}
.navi_ar {
	position: relative;
	width: 100%;
	height: 60px;
	margin: 0px auto;
	display:flex;
	}
.navi_ar .n_text {
	display: block;
	position: absolute;
	width: 80%;
	top:20px;
	left:10%;
	}
.navi_ar .n_text p {
	padding-top: 0px;
	font-size: 1.8rem;
	font-weight: 600;
	}
.navi_ar .n_text p::after {
	position: absolute;
	content:"   ▶ ";
	font-size: 1.5rem;
	color: rgba(12, 12, 12, 0.4);
	top: 0;
	left:90%;
	}
.account  {
	position: absolute;
	top:60px;
	width: 90%;
	text-align: center;
	margin: 0 5%;
	height: auto;
	background-color:  rgba(255, 255, 255, 0.97);
	display: flex;
	}
.navi_ar .account  p {
	width: 100%;
	height: auto;
	padding: 20px 10%;
	line-height: 1.8rem;
	text-align: left;
	font-size: 1.5rem;

	}
.contents_wrapp {
	display:flex;
	flex-wrap: wrap;
	align-items: center;	width: 100%;
	height: auto;
	/*
	background-color: rgba(0, 0, 0, 0.06);*/
	text-align: left;
	margin: 0px auto;
	padding:30px 0;
	flex-flow: row wrap;
	}
.contents_wrapp h1 {
	width: 86%;
	font-size: 2.0rem;
	font-weight: 600;
	border-left: 6px solid rgba(0, 0, 0, 0.62);
	margin: 30px auto;
	padding:6px 0;
	border-bottom: thin solid rgba(0, 0, 0, 0.62);
	color: rgba(0, 0, 0, 0.85);
	text-indent: 4%;
	}
.contents_wrapp p {
	width: 75%;
	padding: 12px 8% 0 8%;
	font-size: 1.5rem;
	line-height: 2rem;
	margin: 0 auto;
	}
p.top_info {
	width: 80%;
	margin: 0 auto;
	}	

.description {
	width: 34%;
	padding-top:50px;
	margin: 0 8%;
	}
.contents_wrapp h2 {
	text-align: left;
	font-size: 1.7rem;
	font-weight: 600;
	padding:0px 0 4px 0;
	border-bottom: solid 1px rgba(0, 0, 0, 0.42);
	width: 90%;
	margin: 8px 5% 20px 5%;
	color: rgba(0, 0, 0, 0.85);
	}
.contents_wrapp h2::before {
	content: "■　";
	color: rgba(0, 0, 0, 0.25);
	}
.contents_img {
	width: 55%;
	padding-top:50px;

	}
.contents_img img {
	width: 90%;
	margin:0 0 0 10%; 
	padding-top: 0px;
	}

.contents_img_s {
	width: 50%;
	padding-top:50px;
	text-align: center;
	margin: 0px auto;
	}
.contents_img_s img {
	width: 100%;
		width: 96%;
	margin-left:4%; 
	}
.description {
	width: 35%;
	padding-top:50px;
	margin: 0 0 0 5%;
	}
.description p {
	line-height: 2.0rem;
	padding-top: 6px;
	width: 100%;
	}
.group {
	display:flex;
	text-align: center;
	margin: 0 auto;
	 }
.info-L {
	width: 45%;
	margin: 0 0 0 5%;
	}
.info-R {
	width: 45%;
	margin: 0 5% 0 0%;
	}
.info-L h2, .info-R h2 {
	width: 80%;
	text-align: ce;
	margin: 20px auto 10px auto;	
	}
.info-L p, .info-R p {
	padding: 10px 0;
	line-height: 2rem;
	margin: 0 auto;
	text-align: left;
	}
	
/***** gallery *******/	
.h_logo {
	width: 100%;
	height: 400px;
	background-image: url("../image/rs_image/lag/navi/topimage_new-1520.jpg");
	background-size: contain;
	position:relative;
	}	
.nav_top {
	display: flex;
	justify-content: space-between;
	height: 20px;
	padding-top: 16px;
	}
.mark {
	width: 35%;
	text-align: left;
    padding-top: 20px;    
	}
.mark img {
	width: 48%;
	padding-left: 12%;	
	}
.r_guide {
	width: 50%;
	color: #fff;
	text-align: right;
	padding-right: 5%;
	padding-top: 8px;
	font-size: 1.7rem;
	}
.r_guide p {
	color:#e8e7d6;
	}
.g_logo {
	width: 100%;
	position: absolute;
	top: 55%;
	transform:translateY(-50%);
	text-align: center;
	margin: 0 auto;
	}	
.h_logo .g_logo > img {
	width: 40%;
	}
.s_copy {
	width: 100%;
	position: absolute;
	color:#d5d4bd;
	bottom: 30px;
	}
.s_copy p {
	text-align: center;
	font-size: 1.6rem;
	}
.photo_wrapp_lag {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-between;
	text-align: center;
	margin: 20px auto;
	align-content: flex-start;
	}
.popup_box {
	flex-basis: 33.3%;
	}
.popup_box img {
	width: 90%;
	}
.popup_box a:hover {
	opacity: 0.6;	
	}
.popup_box p {
	font-size: 1.8rem;
	}	
/***** gallery *******/	
/***** price ******/
.headcopy_price {
	width: 100%;
	padding: 6px 20px;
	text-align: center;
	margin: 18px 0 0 0;
	background-color: rgba(0, 0, 0, 0.59)
	}
.headcopy_price h1 {
	font-size: 2.2rem;
	font-weight: 600;
	text-align: center;
	line-height: 2rem;
	color:#fff;
	padding: 6px 0;
	}
.culc_wrapper {
	display: flex;
	width: 90%;
	padding: 40px 0 10px 0;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 16px auto;
	}	
.culc_section {
	width: 45%;
	text-align: center;
	margin: -10px auto;
	background-color: rgba(0, 0, 0, 0.15);
	}
.culc_section form {
	margin: 50px auto;
	padding:20px 0 0 0;
	}
.input_box {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	}
.input_box p {
	width: 100%;
	font-weight:600;
	font-size: 1.7rem;
	text-align: center;
	margin: 0 auto;
	}	
.input_box .input_info {
	width: 90%;
	margin: 0px auto 20px auto;
	text-align: center;
	}	
input[name="txt1"] {
	height: 30px;
	width: 40px;
	font-size: 18px;
	text-align: center;
	}
input[name="txt2"] {
	height: 30px;
	width: 40px;
	font-size: 18px;
	text-align: center;
	}
input[name="txt3"] {
	height: 30px;
	width: 40px;
	font-size: 18px;
	text-align: center;
	}
input[type="text"] {
	height: 30px;
	width: 60px;
	background-color: #fff;
	border-color: #bebebe;
	border-style:solid ;
	border-width: thin;
	margin: 4px 0;
    margin:  0px -6px;
	}
input[type="button"] {
	height: 30px;
	width: 100px;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	margin-left: 0px;
	padding-top: 6px;
	display: inline-block;
	font-size: 16px;
	font-weight: normal;
	color: #111;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.7);
	letter-spacing: 0;
	border: none;
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.4);
	border-radius: 4px;
	text-decoration: none;
	font-family: "Palatino Linotype", "Book 	Antiqua", Palatino, serif;
	background: -webkit-gradient(linear, left 	top, left bottom, color-stop(0.00, #fff), 	color-stop(1.00, #838383));
	background: -webkit-linear-gradient(#fff, 	#838383);
	background: -moz-linear-gradient(#fff, #838383);
	background: -o-linear-gradient(#fff, #838383);
	background: -ms-linear-gradient(#fff, #838383);
	background: linear-gradient(#fff, #838383);
	}
.culc_section p {
	padding: 14px 0 0 0;
	margin: 0 0px;
	}
.p_section {
	width: 45%;
    padding: 1em 0.5em;
    background: #d6ebff;
    box-shadow: 0px 0px 0px 10px #d6ebff;
    border: dashed 2px white;
    text-align: center;
    margin: 0 auto;
	}
.p_table {
	display: flex;
	padding:4px 0;
	width: 100%;
	border-bottom: 1px dashed white;
	}
.p_tag,	.p_tag_guide {
	width: 50%;
	padding:6px 0 0 0;
	}
.p_tag p{
	display: block;	
	font-size: 1.9rem;
	font-weight: 600;
	text-align: right;
	padding: 0;
	margin: 0 0 0 10%;
	}
.p_tag_guide p{	
	text-align: right;
	font-size: 1.9rem;
	padding: 0 0 0 0;
	margin: 0 0 0 10%;
	}
.p_content_guide, .p_content {
	width: 50%;
	padding:6px 0% 0 0;
	text-align: right;
	}
.p_content p{	
	text-align: right;
	font-size: 1.9rem;
	font-weight: 600;
	padding: 0 10% 0 0;
	}
.p_content_guide p{	
	font-size: 1.9rem;
	padding:0px 0 0 0;
	text-align: right;
	}
.price_note {
	width: 70%;
	text-align: center;
	margin: 50px auto;
	padding-left: 4%;
	}
.price_note li {
	width: 100%;
	padding: 6px 0;
	text-align: left;
	font-size: 1.5rem;
	list-style-type: disc;
	line-height: 2rem;
	}
.shop_content {
	display: flex;
	width: 100%;
	}		
.price_text-L {
	width: 45%;
	text-align: center;
	margin: 0 auto;
	padding:0 0 0 3%;
	}
.price_text-L p {
	width: 100%;
	text-align: left;
	padding: 6px 0;
 	}
.price_text-L h2 {
	text-align: left;
	font-size: 1.6rem;
	font-weight: 600;
	padding:10px 0 4px 0;
	border-bottom: solid 1px rgba(0, 0, 0, 0.42);
	width: 100%;
	margin: 20px 0% 10px 0%;
	color: rgba(0, 0, 0, 0.85);
	}
.price_text-L h2::before {
	content: "■ ";
	color: rgba(0, 0, 0, 0.25);
	}
.price_text-R {
	width: 45%;
	text-align: center;
	margin: 0 auto;
	padding:0 3% 0 0;
	}
.price_text-R p {
	width: 100%;
	text-align: left;
	padding: 6px 0;
 	}
.price_text-R h2 {
	text-align: left;
	font-size: 1.6rem;
	font-weight: 600;
	padding:10px 0 4px 0;
	border-bottom: solid 1px rgba(0, 0, 0, 0.42);
	width: 100%;
	margin: 20px 0% 10px 0%;
	color: rgba(0, 0, 0, 0.85);
	}
.price_text-R h2::before {
	content: "■ ";
	color: rgba(0, 0, 0, 0.25);
	}
.shop_info-first {
	display: flex;
	width: 100%;
	height: auto;
	position: relative;
	background-color: #fff;
	padding-top: 10px;
	margin-top: 10px;
	}
.shop_info {
	display: flex;
	width: 100%;
	height: auto;
	position: relative;
	background-color: #fff;
	}
.shop_info-last {
	display: flex;
	width: 100%;
	height: auto;
	position: relative;
	background-color: #fff;
	padding-bottom: 10px;
	margin-bottom: 10px;
	}
.shopitem-L {
	width: 31%;
	}
.shopitem-R {
	width: 69%;
	}
.shopitem-L p {
	padding: 6px 0px 2px 20%;
	}
.shopitem-R p::before {
	content: ":";
	color: rgba(0, 0, 0,
	0.5);
	position: absolute;
	left: 34%;
	}
.shopitem-R p {
	padding: 6px 6px 2px 10%;
	}	 
.top-image {
	width: 100%;
	height: auto;
	}
.top-image img {
	width: 100%;
	}
.price_text-R .mail_but {
	width: 100%;
	height: 40px;
	margin: 20px auto;
	border-bottom: #fff solid 1px;
	border-radius: 5px;
	background-color: #fff;
	display:flex;
	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
	position: relative;
	}
.mail_icon {
	width: 20%;
	text-align: left;
	}
.mail_icon img {
	height: 40px;
	}
.mail_navi {
	width: 100%;
	}
.mail_navi p {
	width: 100%;
	line-height: 30px;
	margin-left: 0%;
	}
.mail_navi p::after {
	position: absolute;
	content:"   ▶ ";
	font-size: 1.5rem;
	color: rgba(12, 12, 12, 0.3);
	top: 30%;
	left:86%;
	}
}

@media screen and (min-width:1280px) {

#container {
	padding-left: 10px;
	padding-right: 10px;
	}
#main_contents {
	width: 100%;
	background-image: url(../image/ricepaper2b.jpg);
	margin-top: 8px;
	padding-bottom: 30px;
	}
.headcopy {
	text-align: center;
	}
.headcopy h1 {
	display: inline-block;
	margin:0 auto;
	padding:50px 0 30px 0;
	font-size: 1.8rem;
	font-weight: 600;
	text-align: left;
	line-height: 2.0rem;
	}
.flex_container {
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	flex-wrap: wrap;
	justify-content: center;
	margin: 10px 0;
	}		
		
.contents_navi {
	display:flex;
	justify-content: space-around;
	text-align: center;
	width: 80%;
	height: auto;  
	margin: 10px auto;
	padding-top: 10px;
	}
.navi_wrapp {
	display: block;
	width: 30%;
	height: 250px;
	text-align: left;
	box-shadow: 3px 2px 2px  rgba(0, 0, 0, 0.2);
	background-color:rgba(0, 0, 0, 0.13);
	}	
.navi_upper {
	
	width: 100%;
	height: 60px;
	background-color:rgba(0, 0, 0, 0.13);
	margin: 0 1% 0 1%;
	border-radius: 5px 5px 0 0;
	position: relative;
	}	
.navi_upper img {
	width: auto;
	height: 60px;
	text-align: left;
	position: absolute;
	left:-2px;
	top:0;
	}
.ag_navi_box  {
	width: 90%;
	height: auto;
	display: flex;
	text-align: center;
	margin: 0 auto;
	justify-content: space-around;
	flex-wrap: wrap;
	}
.ag_navi_M	{
	width: 45%;
	height: auto;
	margin: 60px auto;
	text-align: center;
	flex-basis: 45%;
	}
.ag_navi {
	width: 45%;
	height: auto;
	margin: 30px auto 0 auto;
	text-align: center;
	flex-basis: 45%;
	}
.navi_box {
	position: relative;
	width: 90%;
	height: 60px;
	margin: 0px auto;
	border-radius: 0 0 5px 5px;
	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
	display:flex;
	background-color: #fff;
	}
.navi_ar {
	position: relative;
	width: 100%;
	height: 60px;
	margin: 0px auto;
	display:flex;
	}
.navi_ar .n_text {
	display: block;
	position: absolute;
	width: 80%;
	top:20px;
	left:10%;
	}
.navi_ar .n_text p {
	padding-top: 0px;
	font-size: 1.8rem;
	font-weight: 600;
	}
		
.navi_ar .n_text p::after {
	position: absolute;
	content:"   ▶ ";
	font-size: 1.5rem;
	color: rgba(12, 12, 12, 0.4);
	top: 0;
	left:90%;
	}
.account  {
	position: absolute;
	top:60px;
	width: 90%;
	text-align: center;
	margin: 0 5%;
	height: auto;
	background-color: rgba(12, 12, 12, 0.4);
	}
.navi_ar .account  p {
	width: 100%;
	height: auto;
	padding: 20px 10%;
	line-height: 1.8rem;
	text-align: left;
	font-size: 1.5rem
	}
.navi_box .n_icon {
	width: 60px;
	}
.navi_box .n_icon img {
	width: auto;
	height: 60px;
	margin-left: 0px;
	}
.navi_box .n_text {
	display: block;
	position: absolute;
	width: 80%;
	top:30px;
	left:10%;
	}	
.navi_box .n_text p {
	padding-top: 20px;
	font-size: 1.8rem;
	font-weight: 600;
	}
.navi_box .n_text p::after {
	position: absolute;
	content:"   ▶ ";
	font-size: 1.5rem;
	color: rgba(12, 12, 12, 0.4);
	top: -5px;
	left:90%;
	}
/*　under navi */	
.navi_box .n_text_m {
	width:90%;
	text-align: left;
	}
.navi_box .n_text_m p {
	width: 100%;
	font-size: 1.7rem;
	font-weight: 600;
	margin-left: 5%;
	line-height: 38px;

	}
.n_text_m p::after {
	position: absolute;
	content:"   ▶ ";
	font-size: 1.5rem;
	color: rgba(12, 12, 12, 0.3);
	top: 40%;
	left:85%;
	}

.account  {
	position: absolute;
	top:60px;
	width: 90%;
	text-align: center;
	margin: 0 5%;
	height: auto;
	background-color: #fff;
	}
.navi_box .account  p {
	width: 100%;
	height: auto;
	padding: 20px 10%;
	line-height: 1.8rem;
	text-align: left;
	font-size: 1.5rem
	}
.navi_box .n_text_W {
	width: 80%;
	}	
.navi_box .n_text_W p {
	line-height: 18px;
	font-size: 1.8rem;
	font-weight: 600;
	padding-left: 15%;
	margin-top: 0;
	}
.n_text_W p::after {
	position: absolute;
	content:"   ▶ ";
	font-size: 1.5rem;
	color: rgba(12, 12, 12, 0.3);
	top: 35%;
	left:85%;
	}
.contents_wrapp {
	display:flex;
	flex-wrap: wrap;
	align-items: center;	width: 100%;
	height: auto;
	justify-content: center;
	flex-flow: row wrap;
	text-align: left;
	margin: 0px auto;
	padding:30px 0;
	}
.contents_wrapp h1 {
	width: 80%;
	font-size: 2.0rem;
	font-weight: 600;
	border-left: 6px solid rgba(0, 0, 0, 0.62);
	margin: 30px auto;
	padding:6px 0;
	border-bottom: thin solid rgba(0, 0, 0, 0.62);
	color: rgba(0, 0, 0, 0.85);
	text-indent: 4%;
	}
.contents_wrapp p {
	width: 70%;
	padding: 12px 8% 0 8%;
	font-size: 1.5rem;
	line-height: 2rem;
	margin: 0 auto;
	}
p.top_info {
	width: 80%;
	margin: 0 auto;
	}	
.description {
	width: 34%;
	padding-top:50px;
	margin: 0 8%;
	}
.contents_wrapp h2 {
	text-align: left;
	font-size: 1.7rem;
	font-weight: 600;
	padding:0px 0 4px 0;
	border-bottom: solid 1px rgba(0, 0, 0, 0.42);
	width: 90%;
	margin: 8px 5% 20px 5%;
	color: rgba(0, 0, 0, 0.85);
	}
.contents_wrapp h2::before {
	content: "■ ";
	color: rgba(0, 0, 0, 0.25);
	}
.contents_img {
	width: 55%;
	padding-top:50px;
	text-align: center;
	}
.contents_img img {
	width: 90%;
	margin:0 0 0 10%; 
	padding-top: 0px;
	}
.contents_img_s {
	width: 50%;
	padding-top:50px;
	text-align: center;
	margin: 0px auto;
	}
.contents_img_s img {
	width: 100%;
		width: 96%;
	margin-left:4%; 
	}
.description {
	width: 35%;
	padding-top:50px;
	margin: 0  3%;
	}
.description p {
	line-height: 2.0rem;
	padding-top: 6px;
	width: 100%;
	}
.group {
	display:flex;
	text-align: center;
	margin: 0 auto;
	}
.info-L {
	width: 45%;
	margin: 0 0 0 5%;
	}
.info-R {
	width: 45%;
	margin: 0 5% 0 0%;
	}
.info-L h2, .info-R h2 {
	width: 80%;
	text-align: ce;
	margin: 20px auto 10px auto;	
	}
.info-L p, .info-R p {
	padding: 10px 0;
	line-height: 2rem;
	margin: 0 auto;
	text-align: left;
	}
	
/***** gallery *******/	
.h_logo {
	width: 100%;
	height: 400px;
	background-image: url("../image/rs_image/lag/navi/topimage_new-1520.jpg");
	background-size: contain;
	position:relative;
	}	
.nav_top {
	display: flex;
	justify-content: space-between;
	height: 20px;
	padding-top: 16px;
	}
.mark {
	width: 35%;
	text-align: left;
    padding-top: 20px;
	}
.mark img {
	width: 48%;
	padding-left: 12%;	
	}
.r_guide {
	width: 50%;
	color: #fff;
	text-align: right;
	padding-right: 5%;
	padding-top: 8px;
	font-size: 1.7rem;
	}
.r_guide p {
	color:#e8e7d6;
	}
.g_logo {
	width: 100%;
	position: absolute;
	top: 55%;
	transform:translateY(-50%);
	text-align: center;
	margin: 0 auto;
	}	
.h_logo .g_logo > img {
	width: 40%;
	}
.s_copy {
	width: 100%;
	position: absolute;
	color:#d5d4bd;
	bottom: 30px;
	}
.s_copy p {
	text-align: center;
	font-size: 1.6rem;
	}
		
.photo_wrapp_lag {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-between;
	text-align: center;
	margin: 20px auto;
	align-content: flex-start;
	}
.popup_box {
	flex-basis: 33.3%;
	}
.popup_box img {
	width: 90%;
	}
.popup_box a:hover {
	opacity: 0.6;	
	}
/***** gallery *******/	
/***** price ******/
.headcopy_price {
	width: 100%;
	padding: 6px 20px;
	text-align: center;
	margin: 18px 0 0 0;
	background-color: rgba(0, 0, 0, 0.59)
	}
.headcopy_price h1 {
	font-size: 2.2rem;
	font-weight: 600;
	text-align: center;
	line-height: 2rem;
	color:#fff;
	padding: 6px 0;
	}
.culc_wrapper {
	display: flex;
	width: 80%;
	padding: 40px 0 10px 0;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 16px auto;
	}	
.culc_section {
	width: 45%;
	text-align: center;
	margin: -10px auto;
	background-color: rgba(0, 0, 0, 0.15);
	}
.culc_section form {
	margin: 50px auto;
	padding:20px 0 0 0;
	}
.input_box {
	width: 100%;
	text-align: center;
	margin: 0 auto;
}
.input_box p {
	width: 100%;
	font-weight:600;
	font-size: 1.7rem;
	text-align: center;
	margin: 0 auto;
}	
.input_box .input_info {
	width: 90%;
	margin: 0px auto 20px auto;
	text-align: center;
}	
	
input[name="txt1"] {
	height: 30px;
	width: 40px;
	font-size: 18px;
	text-align: center;
	}
input[name="txt2"] {
	height: 30px;
	width: 40px;
	font-size: 18px;
	text-align: center;
	}
input[name="txt3"] {
	height: 30px;
	width: 40px;
	font-size: 18px;
	text-align: center;
	}
input[type="text"] {
	height: 26px;
	width: 60px;
	background-color: #fff;
	border-color: #bebebe;
	border-style:solid ;
	border-width: thin;
	margin: 4px 0;
    margin:  0px -6px;
	}
input[type="button"] {
	height: 30px;
	width: 100px;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	margin-left: 0px;
	padding-top: 6px;
	display: inline-block;
	font-size: 16px;
	font-weight: normal;
	color: #111;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.7);
	letter-spacing: 0;
	border: none;
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.4);
	border-radius: 4px;
	text-decoration: none;
	font-family: "Palatino Linotype", "Book 	Antiqua", Palatino, serif;
	background: -webkit-gradient(linear, left 	top, left bottom, color-stop(0.00, #fff), 	color-stop(1.00, #838383));
	background: -webkit-linear-gradient(#fff, 	#838383);
	background: -moz-linear-gradient(#fff, #838383);
	background: -o-linear-gradient(#fff, #838383);
	background: -ms-linear-gradient(#fff, #838383);
	background: linear-gradient(#fff, #838383);
	}
.culc_section p {
	padding: 14px 0 0 0;
	margin: 0 0px;
	}
.p_section {
	width: 45%;
    padding: 1em 0.5em;
    background: #d6ebff;
    box-shadow: 0px 0px 0px 10px #d6ebff;
    border: dashed 2px white;
    text-align: center;
    margin: 0 auto;
	}
.p_table {
	display: flex;
	padding:4px 0;
	width: 100%;
	border-bottom: 1px dashed white;
	}
.p_tag,	.p_tag_guide {
	width: 50%;
	padding:6px 0 0 0;
	}
.p_tag p{
	display: block;	
	font-size: 1.9rem;
	font-weight: 600;
	text-align: right;
	padding: 0;
	margin: 0 0 0 10%;
	}
.p_tag_guide p{	
	text-align: right;
	font-size: 1.9rem;
	padding: 0 0 0 0;
	margin: 0 0 0 10%;
	}
.p_content_guide, .p_content {
	width: 50%;
	padding:6px 0% 0 0;
	text-align: right;
	}
.p_content p{	
	text-align: right;
	font-size: 1.9rem;
	font-weight: 600;
	padding: 0 10% 0 0;
	}
.p_content_guide p{	
	font-size: 1.9rem;
	padding:0px 0 0 0;
	text-align: right;
	}
.price_note {
	width: 70%;
	text-align: center;
	margin: 50px auto;
	padding-left: 4%;
	}
.price_note li {
	width: 100%;
	padding: 6px 0;
	text-align: left;
	font-size: 1.5rem;
	list-style-type: disc;
	line-height: 2rem;
	}
.shop_content {
	display: flex;
	width: 90%;
	text-align: center;
	margin: 0 auto}
	}	
.price_text-L {
	width: 40%;
	text-align: center;
	margin: 0 auto;
	padding:0 0 0 3%;
	}
.price_text-L p {
	width: 100%;
	text-align: left;
	padding: 6px 0;
 	}
.price_text-L h2 {
	text-align: left;
	font-size: 1.6rem;
	font-weight: 600;
	padding:10px 0 4px 0;
	border-bottom: solid 1px rgba(0, 0, 0, 0.42);
	width: 100%;
	margin: 20px 0% 10px 0%;
	color: rgba(0, 0, 0, 0.85);
	}
.price_text-L h2::before {
	content: "■ ";
	color: rgba(0, 0, 0, 0.25);
	}
.price_text-R {
	width: 40%;
	text-align: center;
	margin: 0 auto;
	padding:0 3% 0 0;
	}
.price_text-R p {
	width: 100%;
	text-align: left;
	padding: 6px 0;
 	}
.price_text-R h2 {
	text-align: left;
	font-size: 1.6rem;
	font-weight: 600;
	padding:10px 0 4px 0;
	border-bottom: solid 1px rgba(0, 0, 0, 0.42);
	width: 100%;
	margin: 20px 0% 10px 0%;
	color: rgba(0, 0, 0, 0.85);
	}
.price_text-R h2::before {
	content: "■ ";
	color: rgba(0, 0, 0, 0.25);
	}
.shop_info-first {
	display: flex;
	width: 100%;
	height: auto;
	position: relative;
	background-color: #fff;
	padding-top: 10px;
	margin-top: 10px;
	}
.shop_info {
	display: flex;
	width: 100%;
	height: auto;
	position: relative;
	background-color: #fff;
	}
.shop_info-last {
	display: flex;
	width: 100%;
	height: auto;
	position: relative;
	background-color: #fff;
	padding-bottom: 10px;
	margin-bottom: 10px;
	}
.shopitem-L {
	width: 31%;
	}
.shopitem-R {
	width: 69%;
	}
.shopitem-L p {
	padding: 6px 0px 2px 20%;
	}
.shopitem-R p::before {
	content: ":";
	color: rgba(0, 0, 0,
	0.5);
	position: absolute;
	left: 34%;
	}
.shopitem-R p {
	padding: 6px 6px 2px 10%;
	}	 
.top-image {
	width: 100%;
	height: auto;
	}
.top-image img {
	width: 100%;
	}
.price_text-R .mail_but {
	width: 100%;
	height: 40px;
	margin: 20px auto;
	border-bottom: #fff solid 1px;
	border-radius: 5px;
	background-color: #fff;
	display:flex;
	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
	position: relative;
	}
.mail_icon {
	width: 20%;
	text-align: left;
	}
.mail_icon img {
	height: 40px;
	}
.mail_navi {
	width: 100%;
	}
.mail_navi p {
	width: 100%;
	line-height: 30px;
	margin-left: 0%;
	}
.mail_navi p::after {
	position: absolute;
	content:"   ▶ ";
	font-size: 1.5rem;
	color: rgba(12, 12, 12, 0.3);
	top: 30%;
	left:86%;
	}
}


/****　全サイズ　************* */
.flex_container {
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	flex-wrap: wrap;
	justify-content: center;
	margin: 10px 0;
	background-color: #f70202;
	}
.flex_container .l_image {
	width: 50%;
	height: auto;	
	}
.flex_container .l_image img {
	width: 99%;
	margin: 0 1% 0 0%;
	margin: 
	height: auto;
	}
.flex_container .r_image {
	width: 50%;
	margin: 0 0 1% 0;
	}
.flex_container .r_image img {
	width: 99%;
	margin: 0 0% 0 1%;
	}


/**** ユニフォーム　****/

.top-photobox {
	width: 100%;
	height: auto;
}
.top-photobox img {
	width: 100%;
	height: auto;
}
@media screen and (max-width:599px){
.navi_box_upper_un {
	width: 80%;
	height: 60px;
	text-align: center;
	margin: 10px auto;
	border-radius: 5px;
	line-height: 100px;
	box-shadow: 1px 1px 1px black;
	position: relative;
	background-image: url("../image/rs_image/uniform_rs/navi/wooden_wall-L30.jpg");
	background-size: cover;
	color: rgba(0, 0, 0, 1.0);
	/*
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.59);
	*/
	display: flex;
	}
.nu_icon {
	width: 20%;
	}
.nu_icon img {
	position: absolute;
	top:0;
	bottom: 0;
	left:0;
	width: auto;
	height: 60px;
	margin-left: 5%;
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
	
	}
.nu_text {
	width: 80%;
	text-align: left;
	}	
.nu_text p {
	width: 100%;
	line-height: 60px;
	font-size: 1.9rem;
	font-weight: 600;
	margin-left: 10%;
	
	}	
.nu_text p::after {
	position: absolute;
	content:"   ▶ ";
	font-size: 1.3rem;
	color: rgba(0, 0, 0, 0.5);
	top: 40%;
	left:85%;
	}
}

@media screen and (min-width:600px){
	}
.contents_navi_un {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	height: auto;
	}
	
.navi_wrapp_un {
	display: block;
	width: 30%;
	height: auto;
	text-align: left;
	box-shadow: 3px 2px 2px  rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	/*
	background-color:rgba(14, 0, 255, 0.53);	background-color: rgba(0,  0,  0, 0.56);*/
	background-image: url("../image/rs_image/uniform_rs/navi/stone_00221.jpg");
	background-size: cover;
	margin: 10px auto;
	}
.navi_wrapp_un_no {
	width: 30%;
	height: auto;
	margin: 10px auto;
	}
	
.navi_upper_un {
	display: block;
	width: 100%;
	height: auto;
	background-color:rgba(0, 0, 0, 0.25);
	border-radius: 8px 8px 0 0;
	position: relative;
	}	
.navi_upper_un p {
	display: block;
	padding: 20px 0 20px 20%;
	font-size: 1.8rem;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.93);
	text-shadow: 2px 2px 5px black;
	}
.navi_upper_un p::after {
	position: absolute;
	content:"   ▶ ";
	font-size: 1.5rem;
	color: rgba(255, 255, 255, 0.66);
	top: 20px;
	left:80%;
	}
/*	
.navi_un {
	display: block;
	position: relative;
	width: 100%;
	height: 60px;
	margin: 0px auto;
	}*/
.un_text {
	display: block;
	width: 90%;
	margin: 5% 5% 0 5%;
	background-color:  rgba(255, 255, 255, 0.97);
	border-radius: 5px;
	}
.un_text p {
	width: 90%;
	margin:0 auto;
	padding: 10px 5% 10px 7%;
	font-size: 1.6rem;
	font-weight: 300;
	}
		
.account_un  {
	/*position: absolute;*/
	top:60px;
	width: 100%;
	text-align: center;
	height: auto;
	}
.account_un img {
	width: 60%;
	margin: 14px auto;
	text-align: center;
	padding-bottom: 0px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.48)
	}
}