@charset "UTF-8";

#header{ 
	width:100%;
    height: 100px;
}

#header h1 {
    float: left;
    width: 460px;
    font-size: 1.0rem;
    line-height: 1.6em;
    height: 20px;
    margin-top: 5px;
    margin-bottom: 10px;
    padding-left: 20px;
    text-align: left;
}

#header .menu-btn {
    padding: 6px 14px;
    float: right;
    color: #FB8B27;
    background-color: #FFF;
    border-radius: 3px;
    font-size: 1.6em;
    font-weight: bold;
}

.ProdGallery #mainImg img{
	max-width:450px;
}

#imgAlt{
	font-size: 0.8em;
  	line-height:1.4em;
	text-align: left;
	padding-right: 20px;
	padding-left: 20px;
}

.genre_bar {
    width: 480px;
    height: 30px;
}

.s_genre_bar {
	font-size: 1.2em;
  	line-height:1.4em;
}

.table-c{ 
	max-width:470px !important; 
	overflow:hidden;
	padding-left: 10px;
	padding-right: 10px;
}

.table-c tr{ 
	max-width:470px !important; 
	overflow:hidden;
}

.table-c .caption_c{ 
	max-width:470px !important; 
	overflow:hidden;
	font-size: 1.0em;
	line-height: 1.4em;
}

.table-c input[type="text"]{ 
	max-width:300px;
}

.table-c .td2{
	font-size: 1.0em;
  	line-height:1.4em;
}

/*****************************************/
#main .contentsbox05{
	float: left;
	width: 480px;
}

.contentsbox05 img {
	max-width:460px;
}

.contentsbox05 table {
	 width:100%;
	 max-width:450px;
	font-size: 1.0em;
	line-height: 1.4em;
}

.contentsbox05 td {
	line-height:1.4em; 
	font-size: 1.0em;
}

/***********サイド*********************/

#side{
	display:none;
}


#side_company, .side_free_e, .side_free_d{
float:none;
margin: auto;
}
.side_free_f, .side_free_f a{
width:430px;
margin:auto;
padding: 5px;
color:#6BD5EB;
	display:none;
}

#side h4{ height:auto;}

/************フォント*****************/
.f10{ font-size:0.8em;}
.f11{font-size:0.9em;}

/*コラム*/
.ColumnTitle{ font-size:1.4em;} 

.ColumnTitle a,
.ColumnTitle a:link,
.ColumnTitle a:visited{
font-size:1.4em;
}


.Column_info_box,
.Column_info_box_r{
	width:465px;
	height:290px;
	float: left;
	margin-top:10px;
	margin-left:0;
	margin-right:4px;
	margin-bottom:20px;
	overflow:hidden;
	border:#cfcfcf solid 1px;
	border-radius:4px;
	font-size: 0.8em;
	padding: 5px;
}
.Column_info_box_r{
	float: right;
	margin-left:0;
	margin-right:0;
}
.Column_info_box a,
.Column_info_box a:link,
.Column_info_box a:visited,
.Column_info_box_s a,
.Column_info_box_s a:link,
.Column_info_box_s a:visited{
	text-decoration:none;
	color:#333333;
	font-size:13px;
	line-height:1.4em;
}
.Column_info_box_img{
	width:440px;
	height:130px;
	margin:10px 10px 0px 10px; /* 上　右　下　左*/
	float: left;
	background-position:center;
	background-repeat:no-repeat;
	border:#FFF solid 1px;
	/*border-radius:4px;*/
	text-align:center;
	overflow:hidden;
}
.Column_info_box_img img{
width:440px;
height:220px;
}


.Column_info_box_s{
	width:191px;
	height:260px;
	float: left;
	margin:5px;
	overflow:hidden;
	border:#cfcfcf solid 1px;
	border-radius:4px;
	font-size: 0.8em;
	padding:0px 8px 0px 8px;
}

.Column_info_box_genre{
	font-size:1.2em;
	color:#666666;
	float: left;
	padding:5px 10px 0px 10px;
}
.Column_info_box_ColumnTitle,
.Column_info_box_ColumnTitle a,
.Column_info_box_ColumnTitle a:link,
.Column_info_box_ColumnTitle a:visited{
	font-size:1.4em;
	color:#fd8b28;
	float: left;
	min-width:430px;
	height:65px;
	padding:5px;
}
.Column_info_box_ProImg{
	width:60px;
	padding:5px;
	float: left;
}
.Column_info_box_ProName{
	padding:5px 10px;
	width:380px;
	font-size:1.3em;
	float: left;
}

.ColumnCateTitle{
	line-height:1.6em;
}

.result_box, .result_box_r{
	width:440px; 
	height:150px;
}


.Art_Titel_bar, 
.Shop_Titel_bar{
	height:40px;
	width: 480px !important;
	font-size: 1.1em;
	line-height: 1.4em;
	text-align: center;
	color: #fd8b28;
	background-color: #FDD9B7;
	/*border-radius:4px;*/
	/*border:solid 1px #ffffff;*/
	padding: 10px;
	background-image: url(none);
}

.C_nBox{ 
	width:460px; 
	height:130px;
	margin-left: 10px;
	margin-bottom: 5px;
    margin-right: 0px
	paddinh-left: 5px;
}

.C_nBox_Genre{
	float: left;
	font-size:1.2em; 
	line-height: 1.4em;
	padding-top:3px;
	padding-left:0px;
}

.C_nBox_PName{
	width:300px; 
	font-size:1.4em; 
	line-height: 1.4em;
	padding-top:3px;
	float: left;
}

.C_nBox_img {
	width:120px;
	height:120px;
	margin:5px 10px 0px 10px;
	float: left;
	overflow:hidden;
}

.C_nBox_img img{
	width: 120px; 
	height: 120px; 
	object-fit: cover;
}

.C_nBox_ShopGenre{
	width:300px; 
	float: left;
	font-size:1.3em;
	line-height: 1.4em;
}

.C_nBox_ShopName{
	width:300px; 
	float: left;
	font-size:1.6em;
	line-height: 1.3em;
}

.BlogBox{
	width:450px; 
	height: 85px; 
	font-size:1.2em;
	line-height: 1.4em;
	margin-left: 10px;
}

.BlogBox_text{
	width:300px; 
	font-size:0.8em;
	line-height: 1.4em;
}


.ShopName{
	line-height:36px;
}

#main .free_space05{
	float: left;
	width: 480px;
	text-align: center;
	font-size: 1.2rem;
	font-weight:bold;
	line-height: 1.4em;
	color: #888888;
	overflow: hidden;
	background-color: #ffffff;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


/*********************************************************/
/*********************************************************/
/*********************************************************/

#main .page_title{
	width: 460px;
	height:40px;
	font-size: 1.0em;
}

/********************** 記事タイトル **********************/

.contents_title{
	display: none;
}


/*********************************************************/
/**********************クラススタイル***********************/
/*********************************************************/

/*********************************************************/
/************************通常テキスト***********************/

.textbox00 {
	font-size: 0.9rem !important;
	line-height: 1.7em !important;
	padding-left:1.4em;
	padding-right:1.4em;
}

.textbox00 img{
	max-width: 440px;
}

/*****************テキスト　メインコピー**********************/

.maincopy {
	padding-left:1.4em;
	padding-right:1.4em;
	font-weight: bold;
	text-align: left;
	font-size: 1.1rem;
	line-height:1.8em;
}

/*********************************************************/
/*********************テキスト　名前************************/

.name {
	font-size: 0.8rem;
	line-height:1.6em;
}

/*******************テキスト　大見出し***********************/

.subcopy {
	padding: 0.5em 0.5em;
	margin: 1em;
	font-size: 1.0rem;
	font-weight: bold;
	line-height: 1.8em;
	border-left: 6px solid #ccc;
}

/***************テキスト　大見出し オレンジ*******************/

.subcopy_orange {
	padding: 0.5em 0.5em;
	margin: 1em;
	font-size: 1.0rem;
	font-weight: bold;
	line-height: 1.8em;
	border-left: 6px solid #ff8000;
	color: #ff8000;
}

/****************テキスト　大見出し　レッド*******************/

.subcopy_red {
	padding: 0.5em 0.5em;
	margin: 1em;
	font-size: 1.0rem;
	font-weight: bold;
	line-height: 1.8em;
	border-left: 6px solid #b2374b;
	color: #b2374b;
}

/****************テキスト　大見出し　ブルー*******************/

.subcopy_blue {
	padding: 0.5em 0.5em;
	margin: 1em;
	font-size: 1.0rem;
	font-weight: bold;
	line-height: 1.8em;
	border-left: 6px solid #43c4e0;
	color: #43c4e0;
}


/*****************引用テキスト パープル***********************/

.quote_ppl {
	font-size: 0.8rem;
	line-height: 1.8em;
}

/*************カラー質問用 小見出し オレンジ********************/

.question_orange {
	font-size: 0.9rem;
	line-height: 1.6em;
	margin-left:1.0em;
	margin-right:1.0em;
	font-weight: bold;
}

/*************カラー質問用 小見出し hanako********************/

.question_hanako {
	font-size: 0.9rem;
	line-height: 1.6em;
	margin-left:1.0em;
	margin-right:1.0em;
	font-weight: bold;
}

/*************カラー質問用 小見出し casatour********************/

.question_casatour {
	font-size: 0.9rem;
	line-height: 1.6em;
	margin-left:1.0em;
	margin-right:1.0em;
	font-weight: bold;
}

/*********************************************************/
/*************カラー質問用 小見出し みずいろ********************/

.question_paleblue {
	font-size: 0.9rem;
	line-height: 1.6em;
	margin-left:1.0em;
	margin-right:1.0em;
	font-weight: bold;
}


/*********************************************************/
/**********************BOX内見出し*************************/
/*********************************************************/

.inboxbar {
	line-height: 1.8em;
}

/*********************************************************/
/**********************BOX内見出し*************************/
/*********************************************************/

.inboxbar02 {
	line-height: 1.8em;
}

/*********************************************************/
/**********************BOX内見出し*************************/
/*********************************************************/

.inboxbar03 {
	line-height: 1.8em;
}


/********************* オレンジボックス***********************/

.orangebox {
	font-size: 0.8rem;
	line-height: 1.7em;
	border: none;
	border-radius: none;
}

/********************* オレンジボックス02***********************/

.orangebox02 {
	font-size: 0.8em;
	line-height: 1.8em;
	border: none;
	border-radius: none;
}

/********************* イエローボックス***********************/

.yellowbox {
	font-size: 0.9rem;
	line-height: 2.0em;
	border: none;
	border-radius: none;
	padding-left: 25px;
	padding-right: 25px;
}

/********************* ピンクボックス***********************/

.pinkbox {
	font-size: 0.9rem;
	line-height: 2.0em;
	border: none;
	border-radius: none;
	padding-left: 25px;
	padding-right: 25px;
}

/********************* casatourボックス**********************/

.casatourbox {
	font-size: 0.8em;
	line-height: 1.8em;
	border: none;
	border-radius: none;
}


/********************* プロフィールボックス******************/
/*********************** 白ベタ枠あり***********************/
/************************入れ子あり************************/

.profilebox {
	font-size: 0.8rem;
	line-height: 2.0em;
	margin: 20px;
}

/********************* プロフィールボックス******************/
/*********************** 枠入れ子あり**********************/
/************************画像調整*************************/

.profilebox03 {
	padding: 1.5em 1.5em;
	color: #333333;/*文字色*/
	background: #ffffff;
	border: solid 1px #cccccc;/*線*/
	border-radius: 4px;/*角の丸み*/
	font-size: 0.8rem;
	line-height: 2.0em;
	margin: 20px;
}

.profilebox03 img{
	max-width:400px;
	max-height:400px;
}

/********************* プロフィールボックス******************/
/*********************** 枠入れ子あり**********************/
/************************画像調整*************************/

.profilebox04 {
	padding: 1.5em 1.5em;
	color: #333333;/*文字色*/
	background: #ffffff;
	border: solid 1px #ffffff;/*線*/
	border-radius: 4px;/*角の丸み*/
	font-size: 0.8rem;
	line-height: 2.0em;
	margin: 20px;
}

.profilebox04 img{
	max-width:400px;
	max-height:400px;
}

/********************* イエローボックス02*********************/
/********** 取材後記ライタープロフィール　イエローベタ************/
/*************************入れ子あり************************/

.yellowbox02 {
	font-size: 0.8rem;
	line-height: 2.0em;
	padding: 2.4em;
	border: none;
	border-radius: none;
}

/******************一覧ボタン オレンジ枠**********************/

.square_btn06{
	font-size: 13px;
}

/*********************************************************/
/*******************申込ボタン オレンジ**********************/

.formtobtn_orange {
	font-size: 0.8rem;
}


/*********************************************************/
/*****************キャプション付き画像***********************/
/*********************************************************/

/*******************文字ブラウン****************************/

.imagebox_center {
	float: none;
	color: #907050;
	font-size: 0.8rem;
	line-height:1.3em;
	text-align:left;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	margin-left: 10px;
}

.imagebox_right {
 	float: right;
	margin-top: 0.5em;
	margin-bottom: 0em;
	margin-left: 0.5em;
	color: #907050;
	font-size: 1.0rem;
  	line-height:1.4em;
  	text-align:left;
  	width:200px;
}

.imagebox_left {
	float: left;
	margin-top: 0.5em;
	margin-bottom: 0em;
 	margin-rightt: 0.5em;
	color: #907050;
	font-size: 1.0rem;
  	line-height:1.4em;
	text-align:left;
  	width:200px;
}

/********************************************************/
/*****************イベントセミナー表示***********************/
/********************************************************/

/*******************1Day********************************/

.sm_day,
.sm_address1{
	font-size: 0.8em;
  	line-height:1.0em;
}

.sm_id{
	display: none;
}



.SeminarTitle{
	font-size: 1.3em;
  	line-height:1.4em;
	width: 480px;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
}

.sm_box01 img{
	padding-left: 20px;
}

.SeminarSubTitel{
	width: 320px;
	font-size: 1.2em;
  	line-height:1.4em;
}

.SeminarMidashi{
	width: 320px;
	font-size: 1.1em;
  	line-height:1.4em;
}

.sm_contents_bar{
	font-size: 1.0em;
  	line-height:1.4em;
	padding-left: 10px;
}

.sm_box02{
    width: 450px !important; 
    float: left !important; 
	font-size: 1.0em;
  	line-height:1.4em;
	margin-left: 10px;
	margin-right: 10px;
    /*border-bottom: #fd8b28 solid 1px;*/
    /*border-right: #fd8b28 solid 1px;*/
}

.ProfileBox01{
	width:470px;
	font-size: 1.0em;
  	line-height:1.4em;
	padding-left: 10px;
	padding-right: 10px;
}

.ProfileBox01 .ProName{
	font-size:1.3em !important;
}

.ProfileBox01 .ProNameKana{
	font-size:1.0em !important;
	padding-top: 5px;
}

.ProfileBox01 .P_JobType{
	font-size:1.2em;
	line-height:1.4em;
}

.ProfileBox01 .ProCompanyName{
	font-size:1.1em;
	line-height:1.4em;
}

.ProfileBox01 .ProCatchCopy{
	font-size:1.2em;
	line-height:1.4em;
}

.ProfileBox01 .ProBodyCopy{
	font-size:1.1em;
	line-height:1.4em;
}


.ul.navi-bar{
	float: left;
	width:450px;
	font-size: 0.8em;
  	line-height:1.4em;
	padding-left: 20px;
}

.pPrbox{
	float: left;
	width:460px;
	font-size: 1.1em !important;
  	line-height:1.6em !important;
	padding-left: 20px;
	padding-right: 10px;
	text-decoration:none;
}

.bolgbox{
	float: left;
	width:450px;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 1.0em;
  	line-height:1.1em;
}

.bolgbox a,
.bolgbox a:link,
.bolgbox a:visited,
.bolgbox_s a,
.bolgbox_s a:link,
.bolgbox_s a:visited{
	text-decoration:none;
	color:#555555;
	font-size: 1.0em;
 	line-height:1.1em;
}

.proBlogTite{
	font-size: 1.2em;
  	line-height:1.3em;
	padding-top: 0px;
	padding-bottom: 10px;
}

.FbBox{
	float: left;
	width:450px;
	padding-right: 10px;
	padding-left: 20px;
}

.ProfileBox02{
	width:470px;
	font-size: 1.0em;
  	line-height:1.5em;
	padding-left: 10px;
	padding-right: 10px;
}

.MyPageFree02{
	float: left;
	width:470px;
	font-size: 1.1em;
  	line-height:1.4em;
	padding-left: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
}

.ProfileTable{
	float: left;
	width: 95% !important;
	font-size:1.0em !important;
}

.ProfileTable a,
.ProfileTable a:link,
.ProfileTable a:visited,
.ProfileTable_s a,
.ProfileTable_s a:link,
.ProfileTable_s a:visited{
	text-decoration:none;
	color:#555555;
	font-size: 1.0em;
 	line-height:1.2em;
}


.sm_pr_box{
	float: left;
	width:460px;
	font-size: 1.0em;
  	line-height:1.4em;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration:none;
}

.proArtShopBox{
	/*border: 1px solid #cfcfcf;*/
	float: left;
	width:460px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

.proArtShopBox .proArtShopCaption{
	font-size:1.2em !important;
  	line-height:1.4em;
}

.proArtShopBox .ProArtText {
	font-size:1.2em !important;
  	line-height:1.4em;
}

/***************Event_box*********************/

.Event_box,
.Event_box_r,
.Event_box_pink,
.Event_box_pink_r{
	height: 300px;
}

/***************LESSON********************/

.Lesson_box,
.Lesson_box_r{
	height: 300px;
}

/***************SHOPPING********************/

.Shopping_info_box, 
.Shopping_info_box_r{ 
	width:460px; 
	height:130px;
	margin-left: 10px;
	margin-bottom: 5px;
	padding-left: 5px;
}

.Shopping_info_box_img {
	width:120px;
	height:120px;
	margin:5px 10px 0px 10px;
	float: left;
	overflow:hidden;
}

.Shopping_info_box_img img{
	width: 120px; 
	height: 120px; 
	object-fit: cover;
}

.Shopping_info_box_right {
    float: left !important; 
}

.Shopping_info_box_ProdName {
	max-width: 300px !important; 
 	height: 55px !important; 
	font-size:1.0em !important;  
	line-height: 1.5em !important; 
	float: left;
	margin-bottom: 5px;
	overflow:hidden;
}

.f10c {
    font-size: 0.9em;
    color: #666666;
    padding-top: 3px;
}

.f_lightpink {
    color: #666666;
	display: none;
}

.ProdName_bar {
	font-size: 1.3em !important;  
  	line-height:1.4em;
	padding-left: 20px !important;  
	padding-right: 20px !important;
}



/*****************レッスン表示***********************/

.ls_topbar {
 	font-size: 0.5em;
  	line-height: 1.0em;
	padding-left: 15px;
}

.ls_id {
	display: none;
}

.lsTitle {
    font-size: 1.2em;
    line-height: 1.4em;
    width: 480px;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

.lsSubTitel {
	width: 320px !important; 
	font-size: 1.2em !important; 
	line-height: 1.4em;
}

.lsSubTitel {
	width: 320px !important; 
	font-size: 1.2em !important; 
	line-height: 1.4em;
}

.lsMidashi {
	width: 320px !important; 
	font-size: 1.2em !important; 
	line-height: 1.4em;
}

.ls_box02 {
	width: 450px !important; 
	float: left !important; 
	font-size: 1.0em;
  	line-height:1.4em;
	margin-left: 10px;
	margin-right: 10px;
}

.ls_contents_bar {
    font-size: 1.0em;
    line-height: 1.4em;
    padding-left: 10px;
}

.ls_pr_box {
    float: left;
    width: 470px;
    font-size: 1.0em;
    line-height: 1.7em;
    padding-left: 20px;
    padding-right: 20px;
    text-decoration: none;
}

.ls_contents_bar {
    font-size: 1.0em;
    line-height: 1.4em;
    padding-left: 10px;
}

.ev_sm_bar {
    font-size: 1.0em;
    line-height: 1.4em;
    padding-left: 10px;
}


and
/********************** フォームテキスト **********************/
/*フォーム　全体*/
.contentsbox05 form{
float:left;
margin-top:0;
padding-top:0;
}

/*フォーム　項目名等*/
.contentsbox05 form td{
font-size: 1.1em;
	padding-left:10px;
	padding-right:10px;
}

/*フォーム　テキスト入力欄*/
.contentsbox05 input[type="text"] {
width:380px; 
height:50px;
}


/*フォーム　上部テキスト*/
.contentsbox05 .form_text{

	font-size: 1.0em;
	line-height: 1.4em;
	padding-left:20px;
	padding-right:20px;
}

/*フォーム　ボタン*/
.sm_form_btn{
width:400px;
padding:5px;
	border-radius:5px;
	font-size:24px;
}

/*********************************************/
/*****************記事一覧**********************/
/*********************************************/

ul.kiji_all{
	float: left;
	text-align: left;
	list-style: none;
	margin: 0px;
	font-size: 1.1em;
}

.kiji_all li{
	width: 220px;
	height: 280px;
	float: left;
	text-align: left;
	margin: 4px;
	margin-bottom: 15px;
	overflow: hidden;
	padding:5;
}
/*画像　BOX*/
.kiji_all.theme_thumb{
	width: 200px;
	height: 130px;
	overflow: hidden;
	margin: 0;
}

.kiji_all.theme_thumb img{
max-width:200px;
}

/*タイトル*/

.kiji_all
.kiji_allTitle a{
  	text-decoration:none;
  	text-align:left;
  	font-size: 0.9em;
	line-height: 1.4em;
}
/*テキスト*/
.kiji_all
.kiji_allTxt{
  	text-align:left;
  	font-size:12px;
}


/*********************************************************/
/****************レスポンシブテーブル01***********************/
/*********************************************************/

.rep_table01 {
  	border-collapse: collapse;
  	width: 95%;
}

@media screen and (max-width: 380px) {
.rep_table01 {
	border: 1px solid #888888;
 }

.rep_table01 th{
  	text-align: left !important; 
  	width: 30%;
	background-color: #EAEAEA;
	border: 1px solid #888888;
  	padding: 10px;
   	font-size: 0.9em;
	line-height:1.0em;
}

.rep_table01 td {
	text-align: left;
  	padding: 10px;
	border: 1px solid #888888;
   	font-size: 1.0em;
	line-height:1.0em;
	display: block;
}
}